@charset "Shift_JIS";
/*初期化*/

body,form,fieldset{
	margin: 0;
	padding: 0;
	font-family : "ＭＳ Ｐゴシック",Tahoma,"ヒラギノ丸ゴ Pro W4",Osaka;
	text-align:center;
	background-color: #FEFDEA;
	font-size: small;
}

fieldset{
	border: none;
}

h1,h2,h3,h4,h5,h6,p,pre,blockquote,dl,dd{
	margin: 0;
	padding: 0;
}

blockquote,li,dt,dd{
	margin-left: 1em;
}

input,textarea{
	font-size: 1em;
}

ul,ol{
margin: 3px 3px 3px 10px;
}

li{
margin: 3px 3px 3px 10px;
}

@media print{ /*****************************印刷用**************************/
/*全般設定*/

td,th{
	text-align: left;
	vertical-align: top;
}

img{
	border:0;
}

p{
text-align: justify;
text-justify: inter-ideograph;
}

.img_right{ /*画像右寄せ*/
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.img_left{ /*画像左寄せ*/
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.text_right{
	text-align: right;
}

.text_center{
	text-align: center;
	vertical-align: middle;
}

.text_middle{
	vertical-align: middle;
}

.text_clear{
	clear:both;
}

.table_border td,th{
border-bottom:1px solid #222;
padding:5px;
margin:3px;
}

/*全般*/
#all{
width: 100%;
height: auto;
background-color: #fff;
text-align:left;
}

#header{
display:none;
}

#main{
margin: 0 10px;
}

#main_left{ /*トップページ左*/
width: 30%;
float:left;
}

#main_left .contents{
border: 1px solid #75A34C;
background-color: #FEFCDB;
color: #4D4D4D;
font-weight: bold;
font-size: small;
margin-bottom: 10px;
}

#main_left .contents h1{
font-size: medium;
color: #4D4D4D;
background-color: #ACD389;
padding: 3px;
text-align: center;
}

#main_left .contents h2{
color: #E6380D;
font-size: small;
background-image: url(./image/left_h2.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
padding: 5px 3px 3px 20px;
}

#main_left p{
padding: 0 3px 3px 3px;
}

#main_center{
float: left;
width: 70%;
height: auto;
margin: 0 5px;
}

#main_right{
display:none;
}


#sub_main{
float: left;
width: 100%;
}

#sub_main h1{
background-image:url(./image/sub_h1.gif);
background-repeat: repeat-x;
border: 2px solid #75A34C;
height:32px;
font-size:23px;
color: #605F5F;
padding: 5px 5px 0px 140px;
margin-top:-20px;
}

#sub_main .contents{
padding-left: 10px;
margin-top: 0px;
margin-bottom: 10px;
}

#sub_main h2{
color: #D5350E;
font-weight:bold;
font-size: large;
padding-left: 30px;
padding-top: 2px;
margin: 10px 0 2px;
background-image:url(./image/sub_h2.gif);
background-repeat: no-repeat;
height:25px;
clear: both;
}

#sub_main h6{ /*ページトップへ戻る*/
background: url(./image/h6.gif) no-repeat left top;
height:18px;
padding-left: 30px;
padding-top: 3px;
font-size: 16px;
text-align:left;
margin:5px 0;
}

#sub_main .contents_list{ /*ジャンル一覧用*/
padding-left: 10px;
margin-top: 0px;
margin-bottom: 10px;
}

#sub_main .contents_list th{ /*ジャンル一覧用*/
font-size: 16px;
font-weight: bold;
background-color: #F79A84;
padding: 3px;
vertical-align: middle;
}

#sub_main .contents_list td{
padding: 3px;
}

#footer{
clear: both;
border-top: 10px solid #E7380D;
}

#footer p{
text-align:right;
}

a:link {color: #C42F0B;}
a:visited {color: #C42F0B;}
a:hover {color: #C42F0B; text-decoration:none;}
a:active {color: #C42F0B; text-decoration:none;}

/*  class  */
.comment{ /*ヘッダ上部コメント*/
text-align:right;
color: #fff;
font-weight: bold;
position:absolute;
top: 83px;
left: 120px;
width:495px;
font-size:14px;
}

.bred_list{ /*パンくずリスト*/
color: #303030;
font-weight: bold;
font-size: 12px;
margin:5px 0;
}

.genre{ /*サブh1左に来るジャンルの写真*/
position:relative;
top: -30px;
left: 8px;
}

.h1_sub{ /*サブh1の左にくる文字列*/
position:relative;
text-align: right;
margin: 0;
margin-right: 10px;
color: #605F5F;
font-weight: normal;
top: 29px;
font-size:20px;
}

.icon{ /*サブh1の下に来るアイコン*/
position:relative;
text-align: right;
margin-right: 10px;
top: 45px;
font-size:4px;
}

.icon img{
margin-left:2px;
}

.backtotop{ /*ページトップへ戻る*/
background: url(./image/backtotop.gif) no-repeat left top;
height:18px;
padding-left: 30px;
padding-top: 3px;
font-size: 16px;
width: 200px;
text-align:left;
border-bottom: 3px solid #fc0;

}

.backtoright{
clear:both;
text-align:right;
margin: 5px 0;
}

.backtoright a{
text-decoration: none;
}

.flash{
display:none;
}

.menu_1 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: 0 0;
text-indent:-9999px;
}

.menu_1 a:hover{
background-position: 0 -109px;
}

.menu_2 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: -109px 0px;
text-indent:-9999px;
}

.menu_2 a:hover{
background-position: -109px -109px;
}

.menu_3 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: -218px 0px;
text-indent:-9999px;
}

.menu_3 a:hover{
background-position: -218px -109px;
}

.menu_4 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: -327px 0px;
text-indent:-9999px;
}

.menu_4 a:hover{
background-position: -327px -109px;
}

.menu_5 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: -436px 0px;
text-indent:-9999px;
}

.menu_5 a:hover{
background-position: -436px -109px;
}

.menu_6 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: -545px 0px;
text-indent:-9999px;
}

.menu_6 a:hover{
background-position: -545px -109px;
}

.menu_7 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: -654px 0px;
text-indent:-9999px;
}

.menu_7 a:hover{
background-position: -654px -109px;
}

.menu_8 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: -765px 0px;
text-indent:-9999px;
}

.menu_8 a:hover{
background-position: -765px -109px;
}

.menu_9 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: -874px 0px;
text-indent:-9999px;
}

.menu_9 a:hover{
background-position: -874px -109px;
}

.menu_10 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: -983px 0px;
text-indent:-9999px;
}

.menu_10 a:hover{
background-position: -983px -109px;
}

.menu_11 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: -1092px 0px;
text-indent:-9999px;
}

.menu_11 a:hover{
background-position: -1092px -109px;
}

.menu_12 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: -1201px 0px;
text-indent:-9999px;
}

.menu_12 a:hover{
background-position: -1201px -109px;
}

}

@media screen{ /*****************************画面表示用**************************/
td,th{
	text-align: left;
	vertical-align: top;
}

img{
	border:0;
}

p{
text-align: justify;
text-justify: inter-ideograph;
}

.img_right{ /*画像右寄せ*/
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.img_left{ /*画像左寄せ*/
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.text_right{
	text-align: right;
}

.text_center{
	text-align: center;
	vertical-align: middle;
}

.text_middle{
	vertical-align: middle;
}

.text_clear{
	clear:both;
}

.table_border td,th{
border-bottom:1px solid #222;
padding:5px;
margin:3px;
}

/*全般*/
#all{
width: 1000px;
height: auto;
border-left: 1px solid #4D4D4D;
border-right: 1px solid #4D4D4D;
background-color: #fff;
text-align:left;
}

#header{
width: 100%;
height: 108px;
background-image: url(./image/title.gif);
background-repeat: no-repeat;
}

#header a{
display: block;
width: 100%;
height: 108px;
text-decoration: none;
}

#main{
margin: 0 10px;
}

#main_left{ /*トップページ左*/
width: 235px;
float:left;
}

#main_left .contents{
border: 1px solid #75A34C;
background-color: #FEFCDB;
color: #4D4D4D;
font-weight: bold;
font-size: small;
margin-bottom: 5px;
}

#main_left .contents h1{
font-size: medium;
color: #4D4D4D;
background-color: #ACD389;
padding: 3px;
text-align: center;
}

#main_left .contents h2{
color: #E6380D;
font-size: small;
background-image: url(./image/left_h2.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
padding: 5px 3px 3px 20px;
}

#main_left p{
padding: 0 3px 3px 3px;
}

#main_center{
float: left;
width: 550px;
height: auto;
margin: 0 5px;
}

#main_center h1{
font-size: medium;
color: #4d4d4d;
background-color: #a7c2f8;
padding: 3px;
text-align: left;
border:1px solid #5982cd;
}

.box1{
border-left:1px solid #5982cd;
border-right:1px solid #5982cd;
border-bottom:1px solid #5982cd;
overflow: auto;
width: 538px;
padding: 5px;
}

#main_right{
float: right;
width: 175px;
}

#main_right .contents_right{
border: 1px solid #E7380D;
background-color: #fff;
color: #4D4D4D;
font-weight: bold;
font-size: small;
margin-bottom: 10px;
}

#main_right .contents_right h1{
font-size: medium;
color: #4D4D4D;
background-color: #F79A84;
padding: 3px;
text-align: center;
}

#main_right .contents_right h2{
color: #4D4D4D;
font-size: small;
background-image: url(./image/left_h2.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
padding: 5px 3px 3px 20px;
}

#sub_main{
float: left;
width: 790px;
}

#sub_main h1{
background-image:url(./image/sub_h1.gif);
background-repeat: repeat-x;
border: 2px solid #75A34C;
height:32px;
font-size:23px;
color: #605F5F;
padding: 5px 5px 0px 140px;
margin-top:-20px;
}

#sub_main .contents{
padding-left: 140px;
margin-top: -60px;
margin-bottom: 10px;
}

#sub_main h2{
color: #D5350E;
font-weight:bold;
font-size: large;
padding-left: 30px;
padding-top: 2px;
margin: 10px 0 2px;
background-image:url(./image/sub_h2.gif);
background-repeat: no-repeat;
height:25px;
clear: both;
}

#sub_main h6{ /*ページトップへ戻る*/
background: url(./image/h6.gif) no-repeat left top;
height:18px;
padding-left: 30px;
padding-top: 3px;
font-size: 16px;
text-align:left;
margin:5px 0;
}

#sub_main .contents_list{ /*ジャンル一覧用*/
padding-left: 140px;
margin-top: -60px;
margin-bottom: 10px;
}

#sub_main .contents_list th{ /*ジャンル一覧用*/
font-size: 16px;
font-weight: bold;
background-color: #F79A84;
padding: 3px;
vertical-align: middle;
}

#sub_main .contents_list td{
padding: 3px;
}

#footer{
clear: both;
border-top: 10px solid #E7380D;
}

#footer p{
text-align:right;
}

a:link {color: #C42F0B;}
a:visited {color: #C42F0B;}
a:hover {color: #C42F0B; text-decoration:none;}
a:active {color: #C42F0B; text-decoration:none;}

/*  class  */
.comment{ /*ヘッダ上部コメント*/
text-align:right;
color: #fff;
font-weight: bold;
position:absolute;
top: 83px;
left: 500px;
width:495px;
font-size:14px;
}

.bred_list{ /*パンくずリスト*/
color: #303030;
font-weight: bold;
font-size: 12px;
margin:5px 0;
}

.genre{ /*サブh1左に来るジャンルの写真*/
position:relative;
top: -30px;
left: 8px;
}

.h1_sub{ /*サブh1の左にくる文字列*/
position:relative;
text-align: right;
margin: 0;
margin-right: 10px;
color: #605F5F;
font-weight: normal;
top: 29px;
font-size:20px;
}

.icon{ /*サブh1の下に来るアイコン*/
position:relative;
text-align: right;
margin-right: 10px;
top: 45px;
font-size:4px;
}

.icon img{
margin-left:2px;
}

.backtotop{ /*ページトップへ戻る*/
background: url(./image/backtotop.gif) no-repeat left top;
height:18px;
padding-left: 30px;
padding-top: 3px;
font-size: 16px;
width: 200px;
text-align:left;
border-bottom: 3px solid #fc0;

}

.backtoright{
clear:both;
text-align:right;
margin: 5px 0;
}

.backtoright a{
text-decoration: none;
}

.menu_1 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: 0 0;
text-indent:-9999px;
}

.menu_1 a:hover{
background-position: 0 -109px;
}

.menu_2 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: -109px 0px;
text-indent:-9999px;
}

.menu_2 a:hover{
background-position: -109px -109px;
}

.menu_3 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: -218px 0px;
text-indent:-9999px;
}

.menu_3 a:hover{
background-position: -218px -109px;
}

.menu_4 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: -327px 0px;
text-indent:-9999px;
}

.menu_4 a:hover{
background-position: -327px -109px;
}

.menu_5 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: -436px 0px;
text-indent:-9999px;
}

.menu_5 a:hover{
background-position: -436px -109px;
}

.menu_6 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: -545px 0px;
text-indent:-9999px;
}

.menu_6 a:hover{
background-position: -545px -109px;
}

.menu_7 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: -654px 0px;
text-indent:-9999px;
}

.menu_7 a:hover{
background-position: -654px -109px;
}

.menu_8 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: -765px 0px;
text-indent:-9999px;
}

.menu_8 a:hover{
background-position: -765px -109px;
}

.menu_9 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: -874px 0px;
text-indent:-9999px;
}

.menu_9 a:hover{
background-position: -874px -109px;
}

.menu_10 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: -983px 0px;
text-indent:-9999px;
}

.menu_10 a:hover{
background-position: -983px -109px;
}

.menu_11 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: -1092px 0px;
text-indent:-9999px;
}

.menu_11 a:hover{
background-position: -1092px -109px;
}

.menu_12 a{
width: 109px;
height: 109px;
display: block;
background-image: url(./image/menu.jpg);
background-position: -1201px 0px;
text-indent:-9999px;
}

.menu_12 a:hover{
background-position: -1201px -109px;
}
}