@charset "UTF-8";

?/* CSS Document */

/*■初期設定*/

body{ color:#000000; font-family: sans-serif;/*通常のテキストカラー*/
	}
a{ color:#0099ff; font-family: sans-serif;/*通常のリンクテキストカラー*/
	}
a:hover{ color:#ff9900;/*マウスが乗った時の通常のリンクテキストカラー*/
	font-family: sans-serif; text-decoration:underline;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
	}
.clear { clear:both;}
/*■初期設定ここまで*/



*{ margin:0; padding:0;}
img{ border:0;}
body { font-size: 13px; font-family: sans-serif; /* モダンブラウザ向け */
    *font-size: small; /* IE 7向け */
    *font: x-small; /* IE 6以下 */
}

body{ text-align:center; }

p,th,td,li{ font-size:90%; font-family: sans-serif; line-height:150%; }


#cnt{ text-align:center; width: 500px; }
<!--#l{ text-align:left; width: 200px; float: left; margin: 20px 0 0 0;}
#r{ text-align:left; width: 500px; margin: 0px 0 0 240; }
#r div{ margin: 0px 0 20 0; }
#r p{ font-size: 14px; line-height: 18px; margin: 0px 0 10 0; }-->

.clr_sps{ clear:both; font-size:1px; font-family: sans-serif; }

#container{ width:796px; margin:auto; text-align:left; }
#head{}
#head_box { width: 796px; height: 23px; margin-top: 10px; }
#head_box img{ width: 69px; height: 23px; float: left; }
#head_box h1 { color: #333333; font-size: 14px; font-family: sans-serif; font-weight: normal; line-height: 16px; text-decoration: none; height: 14px; margin-left: 80px; }
#head_menu{background:url(img/bg_head_menu.gif) no-repeat;  position: absolute;  z-index:1; width:796px; height:30px; }
#head_menu ul{list-style-type:none;}
#head_menu ul li{ font-size:14px; font-family: sans-serif; letter-spacing:1px; float:left; width:132px; height:30px; position:relative; }
#head_menu ul li a{ color:#5a4213; text-decoration:none; display:block; font:bolder 14px/30px sans-serif; width:132px; height:30px; text-align:center; padding-top: 5px; }
#head_menu ul li a:hover{ color:yellow; font-family: sans-serif; font-weight: bold; padding-top: 5px; }
#head_menu ul li.off{ overflow:hidden; width:132px;}
#head_menu ul li.off ol.sub{ left:0px; top:-999px; }
#head_menu ul ol.sub{ position:absolute; left:0; top:30px; width:210px; border:solid 1px #999999; text-align:center; list-style-type:none;}
#head_menu ul li.on{ width:132px;}
#head_menu ul>li.on{overflow:visible;/*×*/ }
#head_menu ul ol.sub li{ font-family: sans-serif; float:none; width:210px; height:30px; line-height:30px; border-bottom:1px solid #999999; text-align:left; float:none; filter:alpha(opacity=82); /*IE*/ -moz-opacity:0.82; /*FF*/}
#head_menu ul ol.sub li a{ background-color:#ffffff; text-decoration:none; color:#000000; vertical-align:middle; font-size:11px; font-weight=normal; text-indent: 2px; font-family: sans-serif; height:25px; line-height:25px; text-align:left;  width:210px; }
#head_menu ul ol.sub li a:hover{ background-color:#ffcc00; color:#000000; font-family: sans-serif; }
.line{ clear:left; margin:0px 0 0 0;}
#top p.margin_none{ margin:0;}
#main_image{ float:left; background:url(img/top/main_pic.jpg) no-repeat; text-indent: -9999px; display: block; width:796px; height:250px; margin-top: 30px; overflow: hidden;}
#top_left { width: 335px; height: 185px; float: left; margin-top: 10px; margin-left: 15px; }

    /* 通常時 */  
.top_img {  
        background:url(img/top/main_sample01.gif) no-repeat;    /* 画像(off) */  
        width:183px; height:127px;    /* 画像の幅・高さ */  
        margin:0; padding:0;    /* 余白指定 */ 
        float: left; 
        display:block;  /* ブロック要素扱い */  
	text-indent: -9999px;
	overflow: hidden;
    }
/* マウスが乗った時 */  
.top_img:hover {  
        background:url("img/top/main_sample02.gif") no-repeat; /* 画像(on) */  
    } 

.main01
{
	background:url(img/top/main01.gif) no-repeat;
	text-indent: -9999px;
	width:439px;
	height:41px;
	display: block;
	overflow: hidden;
	margin-top: 10px;
}

.top01
{
	background:url(img/top/top01.gif) no-repeat;
	text-indent: -9999px;
	width:150px;
	height:200px;
	display: block;
	overflow: hidden;
}

#top_menu{ background:url(img/top/main_but01_on.gif) no-repeat; z-index:0; width:335px; height:25px; margin-top: 138px; }
#top_menu ul{list-style-type:none;}
#top_menu ul li{ font-size:14px; font-family: sans-serif; line-height: 20px; background-image: url(img/top/main_but01.gif); background-repeat: no-repeat; background-attachment: scroll; text-indent: 30px; letter-spacing:1px; float:left; width:335px; height:25px; position:relative; margin-top: 2px; padding-top:2px;  padding-bottom:1px; }
#top_menu ul li a{ color:#5a4213; text-decoration:none; display:block; font:bolder 14px/20px sans-serif; width:335px; height:25px; text-align:left; margin-top: 0px; padding-top:0px; padding-bottom:1px;}
#top_menu ul li a:hover{ color:red; font-family: sans-serif; font-weight: bold; line-height: 20px; background-image: url(img/top/main_but01_on.gif); background-repeat: no-repeat; background-attachment: scroll; margin-top: -2px; padding-top:2px; margin-bottom:2px; }


#main_image h2{ color:#0099ff; font-size:15px; font-family: sans-serif; text-align:right; margin-top: 110px; margin-right: 20px; margin-left: 20px; padding-top: -2px; }
#main_image p{ margin:10px 20px 20px 0px; color:black; font-size:12px; font-family: sans-serif; text-align: right; }

#contents{ margin:10px 0 0 0; clear:left;}
#contents2{ margin:10px 0 0 0; clear:left;}
#foot_up{ font-size:13px; margin-top : 30px; text-align: center; }
#copy{ font-size:10px; text-align: center; color:#333333; font-family: sans-serif; padding:2px; margin:4px 0 0; }
#copy a{ color:#333333; font-family: sans-serif; text-decoration:none; }
#copy a:hover{ color:#333333; font-family: sans-serif; }
/***トップ***/
#top{}

#xsnazzy { background:transparent; margin:10px 0 0 0; padding:0; }
    #xsnazzy .p { font-size:12px; margin:0px; padding:3px 12px; line-height:14px; }
    #xsnazzy .h { font-size:15px; margin:0px; padding:10px 12px; line-height:17px; color:#0099ff; font-weight:bold; }
    #xsnazzy .xtop, #xsnazzy .xbottom {display:block; background:transparent; font-size:1px; }
    #xsnazzy b { display:block; overflow:hidden; }
    #xsnazzy .xb1, #xsnazzy .xb2, #xsnazzy .xb3 {height:1px; }
    #xsnazzy .xb2, #xsnazzy .xb3, #xsnazzy .xb4 {background:#f2f9fd; border-left:1px solid #c8ebf9; border-right:1px solid #c8ebf9; }
    #xsnazzy .xb1 { margin:0 5px; background:#c8ebf9; }
    #xsnazzy .xb2 { margin:0 3px; border-width:0 2px; }
    #xsnazzy .xb3 { margin:0 2px; }
    #xsnazzy .xb4 { height:2px; margin:0 1px; }
    #xsnazzy .xboxcontent { display:block; background:#f2f9fd; border:0 solid #c8ebf9; border-width:0 1px; }
	
	
#top div#left{ float:left; width:495px; margin:20px 0 0; }
#top div#left h3{ font-size:12px; font-family: sans-serif; }
#top div#left div#contents{ width:495px;}
#top div#left div#outline p { color: #3cf; }

    /* 通常時 */  
.outline_img { color: #00ccff; font-size: 16px; font-weight: bold; text-decoration: none; text-indent: 20px; line-height: 20px; 
        background:url(img/sankaku01.gif) no-repeat;    /* 画像(off) */  
        height:20px;    /* 像の幅・高さ */  
        margin-top:15px; padding:0;    /* 余白指定 */ 
        float: left; 
        display:block;  /* ブロック要素扱い */  
    }  
    /* マウスが乗った時 */  
.outline_img:hover {  
        background:url("img/sankaku02.gif") no-repeat; /* 画像(on) */  
    } 
    
    
#top div#left div#outline div#main{  }
#top div#left div#outline div#main p { color: #5a4213; font-size: 14px;  line-height: 24px; }
#top div#left div#outline div.main_boxa01 { height: 30px; }
#top div#left div#outline div.main_boxa01 img { float: left; }
#top div#left div#outline div.main_boxa01 h3 { color: #5a4213; font-size: 24px; font-family: sans-serif; font-weight: 900; padding-top: 5px; margin-left: 30px; }

#top div#left div#outline div.main_boxa { height: 30px; margin-top: 20px; }
#top div#left div#outline div.main_boxa img { float: left; }
#top div#left div#outline div.main_boxa p { color: #5a4213; }
#top div#left div#outline div.main_boxa h4 { color: #5a4213; font-size: 15px; font-family: sans-serif; line-height: 30px; height: 30px; margin-left: 30px; }
#top div#left div#outline div.main_boxb { background-color:#FFC; margin-top: 5px; margin-bottom: 20px; }
#top div#left div#outline div.main_boxb img { float: left; }
#top div#left div#outline div.main_boxb h4 { color: #000000; font-size: 14px; font-family: sans-serif; line-height: 14px; }
#top div#left div#outline div.main_boxc { margin-top: 5px; margin-left: 215px; }
#top div#left div#outline div.main_boxc img { float: left; }
#top div#left div#outline div.main_boxc p{ color: #5a4213 ; font-size: 14px; font-family: sans-serif; font-weight: bold; line-height: 18px; width: 250px; margin-top: 10px; padding: 0; }
#top div#left div#outline div.main_boxc p span.red{ color: #990000 ; font-size: 14px; font-family: sans-serif; font-weight: bold; line-height: 18px; }
#top div#left div#outline div.main_boxd { margin-top: 5px; margin-right: 300px; }
#top div#left div#outline div.main_boxd img { float: right; }
#top div#left div#outline div.main_boxd p{ color: #000000 ; font-size: 14px; font-family: sans-serif; font-weight: bold; line-height: 18px; width: 300px; margin-top: 10px; padding: 0; }
#top div#left div#outline div.main_boxd p span.red{ color: #990000 ; font-size: 14px; font-family: sans-serif; font-weight: bold; line-height: 18px; }
#top div#left div#outline p{ color: #000000 ; font-size: 14px; font-family: sans-serif; font-weight: bold; line-height: 18px; width: 480px; margin-top: 10px; padding: 0; }

#top div#right{ float:right; width:278px; margin:20px 0 0 0px;}
#top div#right div#bnr_sps{ width:279px; height:272px;}


.bn_img00 {  
        background:url(img/top/movbn.gif) no-repeat;    /* 画像(off) */  
	text-indent: -9999px;
        width:278px; height:124px;    /*  画像の幅��高さ */  
        margin-bottom: 6px;    /* 余白指定 */ 
        float: left; 
        display:block;  /* ブロック要素扱い */  
	overflow: hidden;
    }
/* マウスが乗った時 */
.bn_img00:hover {  
        background:url("img/top/movbn_on.gif") no-repeat; /* 画像(on) */  
    }
	
.bn_img {  
        background:url(img/top/bn1.gif) no-repeat;    /* 画像(off) */  
	text-indent: -9999px;
        width:279px; height:61px;    /*  画像の幅��高さ */  
        margin-bottom: 6px;    /* 余白指定 */ 
        float: left; 
        display:block;  /* ブロック要素扱い */  
	overflow: hidden;
    }
/* マウスが乗った時 */
.bn_img:hover {  
        background:url("img/top/bn_on.gif") no-repeat; /* 画像(on) */  
    }
	
.bn2_img {  
        background:url(img/top/bn2.gif) no-repeat;    /* 画像(off) */  
	text-indent: -9999px;
        width:279px; height:61px;    /*  画像の幅・高さ */  
        margin-bottom: 6px;    /* 余白指定 */ 
        float: left; 
        display:block;  /* ブロック要素扱い */  
	overflow: hidden;
    }
/* マウスが乗った時 */
.bn2_img:hover {  
        background:url("img/top/bn2_on.gif") no-repeat; /* 画像(on) */ 	
		}
	

#top div#right div#bnr02{ background:url(img/top/bnr02.gif) no-repeat center top; width: 276px; height: 308px; color: #5a4213; font-size: 14px; font-family: sans-serif; font-weight: bold; line-height: 20px; text-align:right; text-indent: 20px; border-color: #000000;  border-style: solid; border-width:2px 1px 1px; display: block; margin-top: 10px;}
#top div#right div#bnr03{ center top; width: 279px; height: 120px; font-size: 14px; font-family: sans-serif; font-weight: bold; line-height: 20px; color: #5a4213; text-align:left; border-color: #000000; display: block; margin-top: 10px;}
#top div#right div#bnr04{ center top; width: 279px; height: 120px; font-size: 14px; font-family: sans-serif; font-weight: bold; line-height: 20px; color: #5a4213; text-align:left; border-color: #000000; display: block; margin-top: 6px;}




/***その他のページ***/
#other_page{}

#sub_main_img{ background-image: url(img/sub/sub_pic.gif); background-repeat: no-repeat; height:120px; width: 797px; margin-top: 40px; }

#sub_main_img2{ background-image: url(img/sub/sub_pic2.gif); background-repeat: no-repeat; height:93px; width: 140px; float: left; }
.sub_main_img3{ background-image: url(img/sub/sub_pic3.gif); background-repeat: no-repeat; height:20px; width: 280px; padding:1px 0 0 5; font-size: 15px; line-height: 17px; color:#ffffff; text-decoration: none; }
#other_page div#top { width: 786px; height: 127px; margin: 5px; }
#other_page div#top h2 { color: #333333; font-size: 13px; font-family: sans-serif; line-height: 15px; text-align: right; width: 450px; height: 50px; float: right; margin-top: 70px; margin-right: 5px; }
#other_page div#top h3 {  }

    /* 通常時 */  
.sub_img2 {  
        background:url(img/sub/sub_img2_2.gif) no-repeat;    /* 画像(off) */
	text-indent: -9999px;
	width:140px; height:93px;    /* 画像の幅・高さ */     
        margin-top: 15px; margin-left: 10px;     /* 余白指定 */ 
        float: left;
        display:block;  /* ブロック要素扱い */  
	overflow: hidden;
    }
/* マウスが乗った時 */  
.sub_img2:hover {  
        background:url("img/sub/sub_img2.gif") no-repeat; /* 画像(on) */  
    } 
	
#sub_button { float: right ; margin-top: 80px; width: 570px; height: 23px; text-algin: left;   }
	
/*   ナビ設定  */
#navigation { font-size: 14px; text-align: left; width: 210px; }

#navigation ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid #CCCCCC; }

#navigation li { margin: 0; padding: 0; border-bottom: 1px solid #cccccc; background: #5a4213 url(images/list_marker_white.gif) no-repeat left center; }

#navigation a { background: #FFFFFF url(images/list_marker_red.gif) left center no-repeat; padding: 4px 0 4px 10px; display: block;
 width: 200px !important; /*Qindows IE対策のため、ボックス幅を指定 */
 width /**/: 210px; /*Window IE5用の値を指定 */
 color: #333333; text-decoration: none; }

#navigation a:hover { color: #ffffff; background-image: none; background-color: transparent; }
#other_page p.margin_none{ margin:0;}
#other_page p{ font-size: 12px; margin:6px 0 0 0;}

#other_page div#l{ text-align:left; width: 200px; float: left; margin: 20px 0 0 0;}
#other_page div#l div.img{ margin-bottom: 20px; }
#other_page div#r{ text-align:left; width: 550px; float: right; margin: 20px 0 0 0; }


#other_page div#r p{ font-size: 15px; line-height: 20px; margin: 0px 0 10 0; }
#other_page div#r div.img{ margin-top: 20px; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; }
.box{ margin-bottom: 20px; margin-top: 10px; font-size: 15px; line-height: 20px; }

#other_page div#r div.box h4{ color: #5a1432; font-size: 16px; font-weight: bold; font-family: sans-serif; margin-top: 2px; margin-bottom: 2px; }
#other_page div#r div.box h6{ font-size: 15px; line-height: 20px; margin: 10px 0 10 0; }

#other_page div#r div.box table	{ font-size: 15px; border-collapse: collapse;	border-spacing: 0; width: 100%; text-align: left; }
th, td	{ height: 19px; padding: 2px; color: #1D5C79; }

.odd { background: #E5F2F8; }
.left { float: left; }
.right { float: right; }

#other_page div#r div.main_box { margin-top: 0px; margin-bottom: 20px; }
#other_page div#r div.main_box img { float: left; margin-left: 5px; }
#other_page div#r div.main_box h5 { font-size: 16px; font-family: sans-serif; line-height: 27px; margin-top: 5px; margin-left: 35px;}



.bold{ font-size: 17px; font-weight: bold; line-height: 20px; }
.red{ font-size: 17px; line-height: 20px; color:#990000; font-weight: bold; }
.red_s{ font-size: 15px; line-height: 20px; color:#ff993f; }

.infomation {
	margin: 0px;
	padding: 0px;
	width: 250px;
}
.infomation ul li {
	width: 250px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 10px;
	height: auto;
}
.infomation_title {
	font-weight: bold;
	font-size: 12px;
	color: #0000FF;
}
.infomation_title a {
	text-decoration: underline;
}

.infomation_title a:hover {
	text-decoration:underline;
}

.infomation_add {
	color: #009900;
}

.infomation_company {
	font-weight: bold;
	font-size: 13px;
}

.infomation_genre {
	font-size: 11px;
	color: #0000FF;
}

.infomation_day {
	font-weight: bold;
	color: #5a4213;
}
.infomation_txt {
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 10px;
}


.answer {
	margin: 0px;
	padding: 0px;
	width: 480px;
	background-color:#ffffcc;
}
.answer ul li {
	width: 480px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 10px;
	height: auto;
}
.answer_title {
	font-weight: bold;
	font-size: 12px;
	color: #0000FF;
}
.answer_title a {
	text-decoration: underline;
}

.answer_title a:hover {
	text-decoration:underline;
}

.answer_add {
	color: #009900;
}

.answer_company {
	font-weight: bold;
	font-size: 13px;
}

.answer_minitext {
	font-weight: bold;
	font-size: 10px;
}

.answer_genre {
	font-size: 11px;
	color: #0000FF;
}

.answer_day {
	font-weight: bold;
	color: #5a4213;
}
.answer_txt {
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	padding-bottom: 10px;
}