@charset "utf-8";
/****************************************************
　RESET
****************************************************/
h1,h2,h3,h4,h5,p,ul,ol,dl,li,dt,dd,form{margin:0px; padding:0px;}
h1,h2,h3,h4,h5{font-weight:bold;}
h1{font-size:24px; line-height:180%;}
h2{font-size:22px; line-height:160%;}
h2.small{font-size:12px;}
h3{font-size:20px; line-height:120%;}
h4{font-size:18px; line-height:100%;}
h5{font-size:16px; line-height:100%;}
p {font-size:14px;}

ul,ol,dl{list-style:none outside;}
ul.disc{list-style:disc outside; margin-left:20px;}
ul.circle{list-style:circle outside; margin-left:20px;}
ul.square{list-style:square outside; margin-left:20px;}

address{text-decoration:none; font-style:normal;}

a{color:#333; text-decoration:underline; border:none;}
a:link{color:#333; text-decoration:underline;}
a:visited{color:#666; text-decoration:underline;}
a:active{color:#333; text-decoration:underline;}
a:hover{color:#aaa; text-decoration:underline;}
a:focus{color:#aaa; text-decoration:underline; border:none;}

a img{border:none;}

a.rover:hover img{
	opacity: 0.6;
	filter: progid:DXImageTransform.Microsoft.alpha(style=0, opacity=60);
	-moz-transition: opacity 0.12s linear;
	-webkit-transition: opacity 0.12s linear;
	transition: opacity 0.12s linear;
}

a.mail{text-decoration:none;}
a.mail:hover{text-decoration:underline;}

/* フォントサイズ */
.ft-ss { font-size:12px; }
.ft-s  { font-size:14px; }
.ft-m  { font-size:16px; }
.ft-l  { font-size:18px; }
.ft-ll { font-size:20px; }
.ft-xl { font-size:24px; }

.ma10{margin:10px;} .mt10{margin-top:10px;} .mb10{margin-bottom:10px;}
.ma20{margin:20px;} .mt20{margin-top:20px;} .mb20{margin-bottom:20px;}
.ma30{margin:30px;} .mt30{margin-top:30px;} .mb30{margin-bottom:30px;}
.ma40{margin:40px;} .mt40{margin-top:40px;} .mb40{margin-bottom:40px;}
.ma50{margin:50px;} .mt50{margin-top:50px;} .mb50{margin-bottom:50px;}
.ma60{margin:60px;} .mt60{margin-top:60px;} .mb60{margin-bottom:60px;}
.ma70{margin:70px;} .mt70{margin-top:70px;} .mb70{margin-bottom:70px;}

/************************************************
 CLEARFIX
************************************************/
.clearfix:after, .cfx:after{
content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix, .cfx{display:inline-block;}
*html.clearfix, *html.cfx{height:1%}
.clearfix, .cfx{display:block;}
.clear{clear:both;}
/************************************************
 COMMON
************************************************/
*{margin:0;padding:0;}
html{height:100%; width:100%;}
body{
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
 font-size:14px;
	line-height:180%;
	letter-spacing:0.1em;
	color:#333;
	text-align:center;
	background-color:#fff;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
/************************************************
 CONTENTS
************************************************/
#wapper{
	/* width:1024px;
	padding:0 36px; */
	margin:0 auto;
	text-align:center;
	background:url(../images/bg_loop.gif) repeat-y center top;
}
#container{
	width:995px;
	margin:0 auto;
	padding:0 0 30px;
	text-align:center;
	background:url(../images/bg.jpg) no-repeat center top;
}
/************************************************
 HEADER
************************************************/
#header{height:195px; position:relative;}
#header h1{
	display:block;
	width:247px;
	height:182px;
	margin:0 auto;
	padding:7px 0 0;
	line-height:0;
}
#header p#chatch{
	width:340px;
	height:55px;
	position:absolute;
	left:33px;
	top:45px;
}
#header #hd-link{
	width:330px;
	position:absolute;
	right:35px;
	top:30px;
}
#header #hd-link div.links{margin-bottom:5px;}
#header #hd-link div.links form#search-box{margin:0; padding:23px 0 0; float:left;}
#header #hd-link div.links form#search-box input{margin:0; padding:0; float:left;}
#header #hd-link div.links form#search-box input.search-txt{
	width:200px;
	font-size:14px;
	margin:0 3px 0 0;
	padding:3px 4px;
	border:1px solid #ccc;
}
#header #hd-link div.links p.tw{display:block; width:48px; float:right;}
#header #hd-link ul{
	clear:both;
	margin:4px 0;
	padding:0;
	border-left:1px solid #1f2379;
}
#header #hd-link li{
	display:inline;
	float:left;
	font-size:14px;
	line-height:100%;
	margin:0;
	padding:0 5px;
	border-right:1px solid #1f2379;
}
#header #hd-link li a{color:#1f2379; text-decoration:none;}
#header #hd-link li a:hover{color:#1f2379; text-decoration:underline;}

/************************************************
 GLOBAL MENU
************************************************/
#gMenu{width:930px; margin:0 auto; padding:0 0 5px;}
#gMenu ul{margin:0; padding:0; list-style:none;}
#gMenu li{width:186px; display:inline; float:left; margin:0; padding:0;}

/************************************************
 CONTENTS
************************************************/
#contents{width:940px; margin:0 auto; padding:0;}
#main-wrapp{
	clear:both;
	width:936px;
	min-height:640px;
	margin:0 auto;
	padding:0;
	background-repeat:no-repeat;
	background-position:left bottom;
}
.type01{background:url(../images/contents_body.gif) no-repeat left bottom;}
.type02{background:url(../images/contents_body02.gif) no-repeat left bottom;}
.type03{background:url(../images/contents_body03.gif) no-repeat left bottom;}
.type04{background:url(../images/contents_body04.gif) no-repeat left bottom;}
#main-wrapp #main{
	margin:0 auto;
	padding:25px 0;
	position:relative;
	background:url(../images/contents_top.gif) no-repeat left top;
}
/* Side Menu
--------------------------------------------*/
#main-wrapp #main ul#side-menu{
	list-style:none;
	width:230px;
	float:left;
	margin:15px auto 30px 35px;
	border-top:1px dotted #000;
}
#main-wrapp #main ul#side-menu li{
	padding:5px 0 5px 18px;
	margin:0;
	font-size:12px;
	line-height:130%;
	text-align:left;
	border-bottom:1px dotted #000;
	background:url(../images/side_menu_arrow.gif) no-repeat 0px 8px;
}
#main-wrapp #main ul#side-menu li a{color:#333; text-decoration:none;}
#main-wrapp #main ul#side-menu li a:hover{color:#666; text-decoration:underline;}
#main-contents{
	width:635px;
	float:right;
	margin:15px 6px 20px auto;
}
#main-wrapp #main ul#side-menu li.side-menu-child{
	margin:0;
	padding:0;
	background:none;
	border:none;
	font-size:1px;
	line-height:100%;
}
#main-wrapp #main ul#side-menu li.side-menu-child ul{
	margin:0;
	padding:0;
}
#main-wrapp #main ul#side-menu li.side-menu-child li{
	padding:4px 4px 4px 20px;
	margin:0;
	font-size:12px;
	line-height:150%;
	background:none;
}
#main-wrapp #main ul#side-menu .select a{
	color:#f00;
}

#main-contents h2{
	font-size:24px;
	padding:4px 0;
	margin:0 0 20px;
	border-bottom:1px solid #ccc;
	text-align:left;
}
#main-wrapp #main #page-navi{list-style:none; margin:0; padding:0;}
#main-wrapp #main #page-navi li{position:absolute; width:42px; height:42px; right:7px;}
#main-wrapp #main #page-navi li.next{top:110px;}
#main-wrapp #main #page-navi li.prev{top:160px;}

p#page-top {
	position:fixed;
	bottom:0;
	right:0;
	margin:0;
	padding:0;
}
/************************************************
	FOOTER
************************************************/
#footer{
	width:944px;
	height:44px;
	margin:20px auto;
	padding:0;
	font-size:14px;
	color:#fff;
	background:url(../images/foot_bg.gif) no-repeat 0px 0px;
}

#footer ul{
	list-style:none;
	float:left;
	margin:15px 0 0 30px;
	padding:0;
	border-left:1px solid #fff;
}
#footer li{
	display:inline;
	float:left;
	font-size:14px;
	line-height:100%;
	margin:0;
	padding:0 8px;
	border-right:1px solid #fff;
}
#footer li a{color:#fff; text-decoration:none;}
#footer li a:hover{color:#fff; text-decoration:underline;}


#footer p#copyright{
	text-align:right;
	float:right;
	padding:15px 15px 0 0;
	line-height:100%;
}