@charset "utf-8";

/* ===================================================================
CSS Document
 style info :コンテンツエリア関係 他
=================================================================== */

body{
	min-width:970px;
	margin:0;
	padding:0;
	color:#333;
	line-height:1.5;
	/*background:url(../image/bg_body.gif) repeat-x top;*/
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}




/*----------------------------------------------------
	リンク、リンクカラー、強調
----------------------------------------------------*/
a:link{color: #333;text-decoration: underline;}
a:visited{color: #666;text-decoration: underline;}
a:hover{text-decoration: none;}
strong{font-weight:bold;}
/*----------------------------------------------------
	レイアウト
----------------------------------------------------*/
#container{
	overflow:hidden;
	width:1000px;
	margin:0 auto;
	font-size:100%;
}
#main_area{
	overflow:hidden;
	float:right;
	width:760px;
}
#main_area.noCol{
	float:none;
	margin:0 auto;
}
#sub_area{
	overflow:hidden;
	float:left;
	width:200px;
}


/*----------------------------------------------------
	Crearfix
----------------------------------------------------*/
.clearfix:after {
content:".";
height:0;
clear:both;
display:block;
font-size:0.1em;
line-height:0;
visibility:hidden;
}
.clearfix {display:inline-block;min-height:1%;}
/* Hides from IE-mac \*/* html .clearfix {height:1%;}/* End hide from IE-mac */
/*----------------------------------------------------
	タイトル
----------------------------------------------------*/
h1,h2,h3,h4,h5,h6{
	clear:both;
	text-align:left;
	font-weight:bold;
}
/*-------------------*/

/*hr {display:none;}
*/
.hStyle00 {
	margin:0 0 20px 0;
	padding:10px 15px;
	font-size:159%;
	font-weight:bold;
	background:#700107;
	color:#fff;
}

.hStyle00 span{
	display:inline-block;
	padding:10px 0 6px 0;
	border-bottom:3px solid #d51921;
}

.hStyle01 {
	margin:5px 0 20px 0;
	padding:0 12px 8px 0;
	font-size:25px;
	line-height:1.3;
	border-bottom:4px solid #333
}
.hStyle01 span{
	display:inline-block;
	background:#333;
	color:#FFFFFF;
	margin:4px 0 0 10px;
	padding:5px 10px;
	font-size:12px;
	font-weight:normal;
	vertical-align: top;
}


.hStyle02 {
	margin:25px 0 20px 0;
	padding:7px 0 8px 0;
	font-size:136%;
	line-height:1.3;
	border-bottom:2px solid #d3d3d3

}

.hStyle03 {
	margin:18px 0 20px 0;
	padding:5px 15px 5px 15px;
	font-size:108%;
	background:#666;
	color:#fff;
}

.hStyle04 {
	margin:18px 0 20px 0;
	padding:8px 15px;
	border:1px solid #ccc;
	background:#fff;
}

.hStyle05 {
	margin:18px 0 20px 0;
	padding:0 12px 4px 0;
	border-bottom:#999 solid 2px;
	font-size:18px;
}

.hStyle06 {
	margin:18px 0 20px 0;
	padding:10px 12px 9px 12px;
	background:#f9f9f5;
	border-left:#FF9900 solid 10px;
	font-size:20px;
}

.hStyle06 span{
	margin:18px 0 20px 0;
	padding:8px 12px 7px 12px;
	background:#f9f9f5;
	font-size:14px;
	font-weight:normal;
}

.hStyle07 {
	margin:18px 0 20px 0;
	padding:0 0 3px 0;
	border-bottom:#333 solid 1px;
}

.hStyle08 {
	margin:25px 0 20px 0;
	padding:5px 15px 5px 15px;
	font-size:18px;
	background:#700107;
	color:#fff;
}
/*----------------------------------------------------
	☆ロールオーバー
----------------------------------------------------*/
a:hover img {
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=70);
}
a, a img, a *{-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
a:link, a:visited, a:hover, a:active { text-decoration:none;  outline: none;}
a:hover img { opacity:0.6; filter: alpha(opacity=60);}
/*----------------------------------------------------
	☆パンクズナビ
----------------------------------------------------*/
#topicpath{
	overflow: hidden;
	_height:1%;
	margin-bottom:50px;
	background:#eaeae2;
border-bottom:1px solid #C8C7C2

}

#topicpath .wrap {
	overflow: hidden;
	_height:1%;
	width:1000px;
	margin:0 auto;
	padding:7px 0;
}
#topicpath ul {
	float:left;
	overflow:hidden;
	width:700px;
	margin-top:5px;
	font-size:90%;
}
#topicpath ul li{
	display:inline;
	margin-left:5px;
	line-height:1.5;
	white-space:nowrap;
}
#topicpath ul li a{
	padding-right:10px;
	background:url(../image/icon_topicpath.gif) no-repeat right;
	text-decoration:underline;
}

#topicpath .search{
	float:right;
	width:250px;
}

#topicpath .search span{
	float: right;
	background:#fff;
	border:1px solid #c3c2c2;
	border-bottom:none;
	border-right:none;
	display: inline-block;
	width:180px;
	vertical-align:top
}

#topicpath .search .select{
	border:none;
	width:140px;
	vertical-align: top;
	padding:5px;
}

#topicpath .search .search2{
	margin-top:2px;
}

#topicpath .search p{
	float: left;
	margin-top:5px;
}




/*----------------------------------------------------
	☆このページの先頭へ
----------------------------------------------------*/
#main_area .pagetop{
	clear:both;
	margin:20px 0px 15px 0;
	text-align:right;
}
/*----------------------------------------------------
	☆前のページへ戻る
----------------------------------------------------*/
#main_area .prevBtn{
	margin-top:40px;
}
#main_area .prevBtn a{
	position: relative;
	clear:both;
	display:block;
	margin:0 auto;
	padding:8px 5px 8px 25px;
	background: #f9f9f9;
}

#main_area .prevBtn a:before{
	position:absolute;
	top:40%;
	left:5px;
	content:" ";
	width:0;
	height:0;
	border-right:4px solid #333;
	border-bottom: transparent 4px solid;
	border-top: transparent 4px solid;

}

#main_area .prevBtn a:link,
#main_area .prevBtn a:visited{
	text-decoration:none;
	color:#333;
	border:1px solid #ccc
}
#main_area .prevBtn a:hover{
	border:1px solid #999
}
/*----------------------------------------------------
	☆テキスト関連
----------------------------------------------------*/
.sizeSS {font-size: 93% !important;}
.sizeS {font-size: 100% !important;}
.sizeM {font-size: 108% !important;}
.sizeL {font-size: 116% !important;}
.sizeLL {font-size: 123.1% !important;}
.sizeXL {font-size: 138.5% !important;}
.sizeXXL {font-size: 153.9% !important;}

.size10 { font-size:77%!important; line-height:140%!important; }
.size11 { font-size:85%!important; line-height:140%!important; }
.size12 { font-size:93%!important; }
.size13 { font-size:100%!important; }
.size14 { font-size:108%!important; }
.size15 { font-size:116%!important; }
.size16 { font-size:123.1%!important; }
.size17 { font-size:131%!important; }
.size18 { font-size:138.5%!important; }
.size19 { font-size:146.5%!important; }
.size20 { font-size:153.9%!important; }
.size21 { font-size:161.6%!important; }
.size22 { font-size:167%!important; }
.size23 { font-size:174%!important; }
.size24 { font-size:182%!important; }
.size25 { font-size:189%!important; }
.size26 { font-size:197%!important; }

.left{text-align:left !important}
.right{text-align:right !important}
.center{text-align:center !important}
.top,.top th,.top td{vertical-align:top !important}
.middle{vertical-align: middle !important}

.sectionBlock{
	overflow:hidden;
	_height:1%;
	clear:both;
	margin:0 0 20px 0;
}
#main_area p{
	overflow:hidden;
}
#main_area table p{
	clear:both;
}
#main_area .promo{
	font-weight:bold;
}
sup{
	font-size:9px;
	line-height:1;
	vertical-align:top
}
.red{	color: #C00;}
.blue{	color: #2415AA;}

.vAT { vertical-align:top!important;}
.vAM { vertical-align:middle!important;}
.vAB { vertical-align:bottom!important;}

.normal {font-weight: normal;}
.mincho{font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝","メイリオ", Meiryo, "MS PMincho",  serif}

/*----------------------------------------------------
	☆リスト
----------------------------------------------------*/

#main_area ul.normal{
	margin:0 0 20px 25px;
}

#main_area ul.normal li{
	margin-bottom:6px;
	padding-left:0px;
	list-style:url(../image/icon_list.gif);
}

#main_area ul.normal li a:link{
	text-decoration:underline
}

#main_area ul.normal li a:hover{
	text-decoration:none;
}
/*----------------------*/
#main_area ol {
	margin-bottom:20px;
	margin-left:30px;
}	

#main_area ol li{
	list-style: decimal outside;
	margin-bottom:10px;
}
/*----------------------*/

#main_area ul.note li{
	margin:0 0 3px 1em;
	text-indent:-1em;
	font-size:12px;
}

#main_area ul.note02 li{
	margin:0 0 3px 2em;
	text-indent:-1.5em;
}

/*----------------------------------------------------
	☆回り込み
----------------------------------------------------*/

#main_area .float_r,
#main_area .float_l{
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
}

#main_area .float_r img{
	float:right;
	padding:0 0 10px 25px
}

#main_area .float_l img{
	float:left;
	padding:0 30px 15px 0
}


#main_area .float_r p,
#main_area .float_l p {
	display: inline;
}

#main_area .float_l ol,
#main_area .float_l ul.normal {
	margin-left:0
}

/*--------*/

#main_area .img_l{
	float:left;
	margin:0;
	padding:5px 30px 0 0;
}

#main_area .text_r{
	overflow:hidden;
	margin:0;
}

#main_area .text_l{
	overflow:hidden;
	margin:0;
}

#main_area .img_r{
	float: right;
	margin:0;
	padding:5px 0 0 30px;
}

#main_area .img_basecolor{
	float: right;
	margin:0px 170px 0px 0px;
}
		
#main_area p img{
	vertical-align:bottom
}

/*----------------------------------------------------
	☆ナビ
----------------------------------------------------*/

#main_area ul.bodynavi{
	overflow:hidden;
	_height:1%;
	margin:0;
	margin-bottom:15px;
	padding:17px 5px 12px;
	border-top:#700107 solid 4px;
	border-bottom:#700107 solid 4px;
	background:#fdf8f8;
}

#main_area ul.bodynavi li {
	float:left;
}

#main_area ul.bodynavi li a{
	display:block;
	margin-right:25px;
	margin-bottom:5px;
	padding-left:15px;
	white-space:nowrap;
	background:url(../image/icon_arrow_bodynavi.gif) no-repeat left 0.3em !important;
}

/*----------------------------------------------------
	☆リンク
----------------------------------------------------*/

#main_area .link,#main_area .links li{
	padding:0 0 0 22px;
	background:url(../image/icon_link.gif) no-repeat left 0.25em;
}

#main_area .blank,#main_area li.blank,#main_area .blanks li{
	padding:0 0 0 22px;
	background:url(../image/icon_link_blank.gif) no-repeat left 0.25em;
}

#main_area .mail{
	padding:0 0 0 22px;
	background:url(../image/icon_link_mail.gif) no-repeat left 0.25em;
}

#main_area .link_pdf,#main_area li.link_pdf,#main_area .link_pdfs li{
	padding:0 0 0 22px;
	background:url(../image/icon_link_pdf.gif) no-repeat left 0.2em;
}

#main_area .link_doc{
	padding:0 0 0 22px;
	background:url(../image/icon_link_doc.gif) no-repeat left 0.2em;
}

#main_area .link_xls{
	padding:0 0 0 22px;
	background:url(../image/icon_link_xls.gif) no-repeat left 0.3em;
}

#main_area ul.link.two {
	overflow:hidden;
	margin-bottom:20px;
}

#main_area ul.link.two li{
	float:left;
	width:280px;
	margin-bottom:5px;
	padding:6px 20px 6px 35px;
	background:url(../image/icon_link.gif) no-repeat 10px 10px;
	border:1px solid #c8c8c8;
}

#main_area ul.link_pdf{
	overflow:hidden
}

#main_area ul.link_pdf li a{
	display:block;
	margin-left:25px;
	margin-bottom:5px;
	width:590px;
	padding:6px 20px 6px 35px;
	background:#fff url(../image/icon_link_pdf.gif) no-repeat 15px 10px ;
	border:1px solid #c8c8c8;
}

#main_area ul.link_pdf.two li a{
	width:255px;
}
#main_area ul.link_pdf li a:link,
#main_area ul.link_pdf li a:visited{
	color:#333;
}

#main_area ul.link_pdf li a:hover{
	background-color:#daedf7;
	text-decoration:none
}

#main_area p a,
#main_area table a{
	text-decoration:underline;
}

/*----------------------------------------------------
	☆表
----------------------------------------------------*/

#main_area .normaltable td,
#main_area .normaltable th{
	line-height:1.4 !important;
	border:#b9b9b9 solid 1px;
	background:#fff;
}

#main_area .normaltable{
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 15px;
}

#main_area .normaltable th{
	padding:8px 6px ;
	background:#f0f0f0;
	font-weight:bold;
	text-align:center;
	word-break:break-all;
}

#main_area .normaltable th.headTh{
	background:#666;
	color:#fff
}

#main_area .normaltable td{
	vertical-align:middle;
	padding:8px 6px ;
	word-break:break-all;
}

/*----------------------*/
#main_area .normaltable td ol{
	
	margin-left:30px;
	margin-bottom:10px;
}

#main_area .normaltable td ol li{
	margin-bottom:5px;
}


#main_area .normaltable .c01 {
	vertical-align:middle;
	text-align:center;
}
#main_area .normaltable .c02 {
	padding:0 0 0 15px;
	text-align:left;
}
#main_area .normaltable .c03 {
	padding:10px 15px;
}
#main_area .normaltable .c04 {
	background-color:#FFFFDC;
}
#main_area .normaltable .c05 {
	background-color:#E6FFFF;
}
#main_area .normaltable .c06 {
	background-color:#E2ECFF;
}
#main_area .normaltable .c07 {
	background-color:#F0E5FF;
}

#main_area .normaltable td,
#main_area .normaltable th{
	line-height:1.5 !important
}

/*----------------------*/
#main_area .layouttable{
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 0;
}

#main_area .layouttable th,
#main_area .layouttable td{
	border:none;
	background:none;
	text-align:left
}

/*----------------------------------------------------
	☆ボックス
----------------------------------------------------*/

#main_area .box01{
	overflow:hidden;
	margin:30px 0;
	padding:20px 20px 20px;
	border:1px dotted #999;
	background:#fff;
}

#main_area .box02{
	overflow:hidden;
	margin:30px 3px;
	padding:20px 20px 20px;
	background:#fff;

	/* border-radius */
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	
	/* box-shadow */
	box-shadow:rgba(122, 122, 122, 0.407843) 0px 0px 6px 1px;
	-webkit-box-shadow:rgba(122, 122, 122, 0.407843) 0px 0px 6px 1px;
	-moz-box-shadow:rgba(122, 122, 122, 0.407843) 0px 0px 6px 1px;
}

#main_area .box03{
	margin:0 0 30px;
	padding:20px 20px 20px;
	background:#fff;
}

#main_area .box04{
	overflow:hidden;
	padding:10px ;
}


/*----------------------------------------------------
	☆幅
----------------------------------------------------*/
.leftBox{float:left;}
.rightBox{float:right;}

.w30{width:30px !important;}
.w50{width:50px !important;}
.w60{width:60px !important;}
.w80{width:80px !important;}
.w100{width:100px !important;}
.w150{width:150px !important;}
.w200{width:200px !important;}
.w300{width:300px !important;}
.w350{width:350px !important;}
.w400{width:400px !important;}
.w450{width:450px !important;}
.w650{width:650px !important;}
.wfull{width:100%;}

.w5p {width:5%!important;}
.w10p {width:10%!important;}
.w15p {width:15%!important;}
.w18p {width:18%!important;}
.w20p {width:20%!important;}
.w25p {width:25%!important;}
.w30p {width:30%!important;}
.w35p {width:35%!important;}
.w40p {width:40%!important;}
.w45p {width:45%!important;}
.w50p {width:50%!important;}
.w55p {width:55%!important;}
.w60p {width:60%!important;}
.w65p {width:65%!important;}
.w70p {width:70%!important;}
.w75p {width:75%!important;}
.w80p {width:80%!important;}
.w85p {width:85%!important;}
.w90p {width:90%!important;}
.w95p {width:95%!important;}
/*----------------------------------------------------
	☆空き
----------------------------------------------------*/
.top0{margin-top:0 !important;}
.left3{margin-left:3px !important;}
.top5{margin-top:5px !important;}
.top10{margin-top:10px !important;}
.top15{margin-top:15px !important;}
.top20{margin-top:20px !important;}
.top25{margin-top:25px !important;}
.top30{margin-top:30px !important;}
.top35{margin-top:35px !important;}
.top40{margin-top:40px !important;}
.top50{margin-top:50px !important;}
.top60{margin-top:60px !important;}

.btm0{margin-bottom:0 !important;}
.btm5{margin-bottom:5px !important;}
.btm10{margin-bottom:10px !important;}
.btm15{margin-bottom:15px !important;}
.btm20{margin-bottom:20px !important;}
.btm25{margin-bottom:25px !important;}
.btm30{margin-bottom:30px !important;}
.btm35{margin-bottom:35px !important;}
.btm40{margin-bottom:40px !important;}
.btm45{margin-bottom:45px !important;}
.btm50{margin-bottom:50px !important;}
.btm55{margin-bottom:55px !important;}
.btm60{margin-bottom:60px !important;}
.btm65{margin-bottom:65px !important;}
.btm70{margin-bottom:70px !important;}
.btm75{margin-bottom:75px !important;}
.btm80{margin-bottom:80px !important;}
.btm85{margin-bottom:85px !important;}
.btm90{margin-bottom:90px !important;}
.btm95{margin-bottom:90px !important;}

.left0 { margin-left:0px !important;}
.left3 { margin-left:3px !important;}
.left5 { margin-left:5px !important;}
.left10 { margin-left:10px !important;}
.left15 { margin-left:15px !important;}
.left20 { margin-left:20px !important;}
.left30 { margin-left:30px !important;}
.left40 { margin-left:40px !important;}
.left50 { margin-left:50px !important;}
.left60 { margin-left:60px !important;}

.right0 { margin-right:0px !important;}
.right3 { margin-right:3px !important;}
.right5 { margin-right:5px !important;}
.right10 { margin-right:10px !important;}
.right15 { margin-right:15px !important;}
.right20 { margin-right:20px !important;}
.right30 { margin-right:30px !important;}
.right40 { margin-right:40px !important;}
.right50 { margin-right:50px !important;}
.right60 { margin-right:60px !important;}

.pT0{padding-top:0!important;}
.pT5{padding-top:5px!important;}
.pT10{padding-top:10px!important;}
.pT15{padding-top:15px!important;}
.pT20{padding-top:20px!important;}
.pT25{padding-top:25px!important;}
.pT30{padding-top:30px!important;}
.pT35{padding-top:35px!important;}
.pT40{padding-top:40px!important;}
.pT45{padding-top:45px!important;}
.pB0{padding-bottom:0!important;}
.pB5{padding-bottom:5px!important;}
.pB10{padding-bottom:10px!important;}
.pB15{padding-bottom:15px!important;}
.pB20{padding-bottom:20px!important;}

.lm5{margin-left:5px !important;}
.lm10{margin-left:10px !important;}
.lm15{margin-left:15px !important;}
.lm20{margin-left:20px !important;}
.lm50{margin-left:50px !important;}
.lm60{margin-left:60px !important;}
.lm70{margin-left:70px !important;}
.rm5{margin-right:5px !important;}
.rm10{margin-right:10px !important;}
.rm15{margin-right:15px !important;}
.rm20{margin-right:20px !important;}

.icon {
	margin-right:3px;
	vertical-align:middle;
	margin-top:-1px;
}





@media screen and (max-width:1200px) {
}

@media screen and (max-width:1043px) {
}