@charset "utf-8";
/* CSS Document */

/* Resets ---------------------------*/
html, body, div, span, applet, object, iframe,img,
h1, h2, h3, h4, p, address, big, em, small, strike, sub, tt, var,b, u,
i, center, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, 
canvas, details, embed, figure, figcaption, footer, header,  nav, section, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	list-style:none;	
}
img{ vertical-align:bottom;}

/* end_Resets ---------------------------*/
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fig{ margin-bottom:10px; }

/* clearfix -------------------------------*/
.clearfix:before,
.clearfix:after{
	content:" ";
	display:table;
	height:0;
	font-size:0;
	visibility:hidden;
}
.clearfix{display:inline-block; clear:both;}
/* end_clearfix ---------------------------*/
body{
	background-image:url(../img/bg.png);
/* Background pattern from Subtle Patterns */	
	background-repeat:repeat;	
}
html, body, 
#container{ height:100%; }
body > #container{
	height:auto;
	min-height:100%;
}
.webfont01{
    font-family: 'Inconsolata', monospace;
	font-size:1.25em;
}
/* anchor ---------------------------*/
#b_column1,#b_column2,#b_column3,#board{ margin-top:-190px; padding-top:190px; }

/* header関連 ---------------------------*/
#header{
	top:0;
	right:0;
	left:0;
	width:100%;
	text-align:center;
	background-color:#006;
}
.head_wrap{
	overflow:hidden;
	width:960px	;
	margin-right: auto;
	margin-left: auto;
}
.head_log_company{
	float:right;
	width:283px;
}
.head_logo{	
	float:left;
	padding-left:10px;	
	padding-top:20px;	
}
.head_pkg{
	margin-left:1em;
	padding:7px 20px;
	font-size:1.2em;
	vertical-align:super;
	color:#043f95;
	background-color:#ffffff;
	border-radius:60px;
}
.ie .head_pkg{ border-radius:0px; }
@media all and (-ms-high-contrast:none){  
	.head_pkg{ border-radius:0px;}	/*IE11以下*/
}
/* end_header関連 ---------------------------*/

/* header navi関連 ---------------------------*/
.nav{
	display:table;
	table-layout:fixed;	
	width:960px;
	margin:0 auto;
}
.nav_bgcolor{
	background-image: -webkit-gradient(linear, right top, left top, color-stop(0.5, #008EDA), color-stop(1, #01A3E9));
	background-image: -o-linear-gradient(left, #008EDA 50%, #01A3E9 100%);
	background-image: -moz-linear-gradient(left, #008EDA 50%, #01A3E9 100%);
	background-image: -webkit-linear-gradient(left, #008EDA 50%, #01A3E9 100%);
	background-image: -ms-linear-gradient(left, #008EDA 50%, #01A3E9 100%);
	background-image: linear-gradient(to left, #008EDA 50%, #01A3E9 100%);
	background-color:#0093dd; /*IE6~9 */
}
.nav_item{ display:table-cell; vertical-align:middle; }
.nav_item > a{
	display:block;
	padding-top:16px;
	padding-bottom:16px;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	border-left:1px solid #5db7e7;	
	color:#ffffff;
}
.nav_item.twoline > a{ line-height:1.35; padding-top:7px; padding-bottom:8px;  }
.nav_item:last-child a { background-color:#092E7A; }
.nav_item a:hover{background-color:#34b0e9;}
.nav_item:last-child a:hover{background-color:#1366cd;}

/* 各ページで選択されているbtn */
.nav_item.select > a{
	background-image: -moz-linear-gradient( 135deg, rgb(240,156,39) 1%, rgb(238,195,57) 99%);
	background-image: -webkit-linear-gradient( 135deg, rgb(240,156,39) 1%, rgb(238,195,57) 99%);
	background-image: -ms-linear-gradient( 135deg, rgb(240,156,39) 1%, rgb(238,195,57) 99%);
	background-color:#ffb01e; /*IE6~9 */
	color:#232016;
}
/* スクロール後 ------------------*/
#header.fixed .head_wrap{ height:0px; }
#header.fixed .head_navi{
	position:fixed;
	width:100%;
	opacity:0.95;
}
/* end_header navi関連 ---------------------------*/

/* contents関連 ---------------------------*/
.main{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color: #ffffff;
}
.main_wrap{
	margin:0px auto 0 auto;
	padding: 20px 20px 0;
}
.main_wrap img{ margin-top:5px; }
.contents{ margin:0 auto 80px; width:880px; }
.contents_box{ padding-bottom:40px; }
.contents_box_start{ padding-top:10px; padding-bottom:60px; }
.contents_box_end{ padding-bottom:70px; }
.contents_box_inner{ padding-bottom:25px; }
.contents_bg{ padding-top:20px; padding-right:20px; padding-left:20px; }
.contents_bg_color01{
	background-color:#e5f2f8;
	border-top:1px solid #b7b7be;
	border-bottom:1px solid #b7b7be;	
}
.contents_bg_color02{
	background-color:#f4f2ec;
	border-top:1px solid #b7b7be;
	border-bottom:1px solid #b7b7be;	
}
.headline{
	margin:10px 0 10px 0;
	text-indent:0.5em;
	font-size:1.75em;
	border-left:8px solid #008eda;
	color:#5d5d5d;
}
.crosshead{
	margin:1.2em 0 1em;
	padding:0.4em 0;
	text-indent:0.9em;
	font-size:1.4em;
	font-weight:bold;
	border-radius: 5px;
	color:#ffffff;
	background-color:#0079ba;
}
.subheadline{
	padding-bottom:0.2em;
	padding-top:0.7em;
	font-size:1.2em;
	font-weight:bold;
	color:#1B1B1B;
}
.note{
	display:inline-block;
	padding-top:7px;
	color:#585858;
	font-size:0.95em;
}
.note_mini{ padding-left:1.2em; font-size:0.75em;}
.mini{ font-size:0.75em;}
.mini_astarisk{	font-size:0.8em; vertical-align:super; }
.spacing{ letter-spacing:0.05em; }
.strong{ font-weight:bold; font-size:1.1em; line-height:1.2;}
.tsume{ letter-spacing:-0.1em; }
.hover:hover{ opacity: 0.7; }
.pad_tb25{ padding-top:25px; padding-bottom:10px; }
.pad_tb30{ padding-top:30px; padding-bottom:30px; }
.pad_t10{ padding-top:10px; }
.pad_t30{ padding-top:32px; }
.pad_b30{ padding-bottom:30px; }
.mar_l10{ margin-left:-10px; }
.mar_b20{ margin-bottom:20px; }

/****  パンくずリスト　****/
#breadcrumb ,#breadcrumb a{ text-align:left; font-size:12px; }
#breadcrumb { margin-bottom:20px; width:920px; height:33px; background-color:#e2e2e2; }
#breadcrumb li:first-child{ background: none; } 
#breadcrumb li{ display:inline; float:left; margin: 8px 10px 0 10px; padding-left: 17px;
    list-style: none; background:url(../img/topic-path-arrow.gif) no-repeat left center;} 
#breadcrumb li a { padding-left:10px; }
#breadcrumb li.nohref{ padding-left:26px; }

/****  資料DL・お問い合わせ　****/
.link_box{
	background-color:#dff0f8;
	height:290px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom:70px;
}
.link_box_ttl{
	text-align:center;
	padding:27px 10px 10px 0;
	font-size:1.5em;
	font-weight:bolder;
	color:#5d5d5d;	
}
.link_box img{ margin-top:10px; }
.link_box .right img{ margin-top:45px; }
.left{
	float:left;
	width:428px;
	height:200px;
	padding-left:5px;
	padding-right:20px;
}
.right{
	float:right;
	width:420px;
	height:200px;
}
/* end_contents関連 ---------------------------*/
/****  BTNまとめ　****/
.btn_open{
	padding:10px 30px 8px;
	font-weight:bold;
	text-decoration:none;
	border-radius:30px;
	color:#ffffff;
}
.btn_open:after{
	padding:3px 0 0 10px;
    content: url(../img/btn_next.png);
	vertical-align:sub;
}
.btn_open.color_blu{ background-color:#043f95; border-bottom:4px solid #003369; }
.btn_open.color_gre{ background-color:#099d59; border-bottom:4px solid #0d7e44; }
/****  homeへ戻る　****/
#page-home a{
	text-decoration:none;
	width:200px;	
	padding:10px 6px 10px 7px;
	display:block;
	color:#000E42;
	font-weight:bold;
}
#page-home a:hover{ text-decoration:none; opacity:0.5; }
#page-home img{ padding-right:7px; }
/****  TOPへ戻る　****/
#page-top{
	position:fixed;
	bottom:15px;
	right:15px;
}
#page-top a{
	background:#29729f;
	text-decoration:none;
	color:#ffffff;
	width:80px;
	padding:10px 6px 15px 6px;
	text-align:center;
	display:block;
	border-radius:5px;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
#page-top a:hover{ text-decoration:none; }

/* footer関連 ---------------------------*/
#footer_wrap{
	clear:both;
	margin-top:-80px;
	height:80px;
}
#footer{
	width:100%;
	text-align:center;
	background-color:#343a3f;
}
#footer .foot_cr{
	display:block;
	padding-bottom:1em;
	padding-top:0.9em;
	font-size:0.75em;
	color:#cacaca;
	background-color:#3b4146;
}
#foot_navi ul{
	width:960px;
	margin-right: auto;
	margin-left: auto;
}
#foot_navi ul li{
	padding-top:25px;	
	float:left;	
	white-space:nowrap;	
}
#foot_navi ul li a{
	display:block;
	width:192px;
	height:46px;
}
#foot_navi ul li a:link{color:#ffffff;}
#foot_navi ul li a:visited{color:#ffffff;} 
#foot_navi ul li a:hover{color:#1e8fde;}
/* end_footer関連 ---------------------------*/

/* other_影 ---------------------------*/
.shadow{
	box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 6px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 6px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 6px 1px;
}
.shadow_weak{
	box-shadow:0px 0px 4px 2px #e7e7e7;
	-moz-box-shadow:0px 0px 4px 2px #e7e7e7;
	-webkit-box-shadow:0px 0px 4px 2px #e7e7e7;
}