@charset "utf-8";

/* 初期設定リセット
-------------------------------------------------------------------------------------------------------- */
body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote {
	margin:0px;
	padding:0px;
}
ul,li {list-style:none;}
img {
	margin:0px;
	padding:0px;
	border:0px;
	vertical-align:top;
}
br {letter-spacing:0em;}
hr {display:none;}

/* 全体構造
-------------------------------------------------------------------------------------------------------- */
html{overflow-y:scroll;} /* スクロール表示させる */

body {
	font-size:12px;
	/*font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	color: #2f2c2e;
	line-height: 1.6;
	letter-spacing:0.1em;
	background: #fff;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,h5,h6 { font-size: 10px;}


/* clearfix
---------------------------------------------------- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* リンク
---------------------------------------------------- */
a:link {
	color: #1b4cc7; /* リンクの色 */
	background: transparent; /* 背景透明 */
}
a:visited {
	color: #1b4cc7; /* 訪問済みリンクの色 */
	background: transparent; /* 背景透明 */
}
a:hover, a:active {
	color: #fe9b00; /* マウスオーバー、アクティブリンクの色 */
	text-decoration:underline;
}


.container { width:960px; margin:0 auto; text-align:left;}

/* seo
-------------------------------------------------------------------------------------------------------- */
#seo h1 {
	font-weight:normal;
	text-align:right;
	color:#000;
}

/* header
-------------------------------------------------------------------------------------------------------- */
#header { overflow:hidden; padding-top:9px; padding-bottom:9px;}
#header h2 { float:left; padding-top:4px;}
#header > div { float:right;}
#header ul { overflow:hidden; text-align: right; margin-right: 4px;}
#header ul li { display: inline; }


/* gnavi (横)
-------------------------------------------------------------------------------------------------------- */
#gnav { background:url(../common_img/gnav_bg.jpg) repeat-x left top;}
#gnav ul { width:960px; margin:0 auto 0; overflow:hidden; }
#gnav > ul > li { float: left;}
#gnav > ul > li:first-child { /*width:358px;*/}
#gnav ul#menu li ul.sub { position:absolute; z-index:100; font-size:14px;}
#gnav ul#menu li ul.sub li {
	width:320px;
	border:#3e8fe2 solid 1px;
	border-top:none;
}
#gnav ul#menu li ul.sub li a {
	display:block;
	background:url(../common_img/arrow.png) no-repeat 10px center #f7fbff;
	padding:10px 10px 10px 30px;
}
#gnav ul#menu li ul.sub li a:link,
#gnav ul#menu li ul.sub li a:visited { color:#2f2c2e; text-decoration:none;}
#gnav ul#menu li ul.sub li a:hover,
#gnav ul#menu li ul.sub li a:active { color:#2f2c2e; text-decoration:none; background:url(../common_img/arrow.png) no-repeat 10px center #e0eefb;}


/* footer
-------------------------------------------------------------------------------------------------------- */
#footer {
	background:url(../common_img/footer_bg.jpg) no-repeat center top;
	height:259px;
}
#footer .container { position:relative;}
#footer ul#sitemap {
	float: right;
	width: 498px;
	padding: 35px 0;
}
#footer ul#sitemap > li { float:left; margin-left:38px;}
#footer ul#sitemap li ul li ul { margin-left:18px;}
#footer ul#sitemap li ul li ul li { background:url(../common_img/f_arrow.png) no-repeat left 3px; padding-left:10px;} 

#footer ul li a:link { color:#fff; text-decoration:none;}
#footer ul li a:visited { color:#fff; text-decoration:none;}
#footer ul li a:hover { color:#fff; text-decoration:underline;}
#footer ul li a:active { color:#fff; text-decoration:underline;}

#footer .container > dl {
	position:relative;
	clear: both;
	color:#fff;
}
#footer .container > dl > dt { position: absolute; top: -90px; left: 10px; }
#footer .container > dl > dd { float:left; width: 460px; padding-left: 20px; }

/* オールインターネット
-------------------------------------------------------------------------------------------------------- */



/* ページトップ
-------------------------------------------------------------------------------------------------------- */
#pagetop {
    position: fixed;
    bottom: 10px;
    right: 10px;
}

.page-up {
	text-align:right;
	font-size: 10px;
	padding:0 0 15px 0;
}
.page-up a:link {color:#666666; text-decoration:underline;}
.page-up a:visited {color: #666666; text-decoration:underline;}
.page-up a:hover, a:active {color:#fe9b00; text-decoration:none;}
.page-up a:active {color:#fe9b00; text-decoration:none;}


/* extension
-------------------------------------------------------------------------------------------------------- */
.linkbox { cursor:pointer;}

.p11 {font-size:11px;}
.p14 {font-size:14px;}
.p16 {font-size:16px;}
.p18 {font-size:18px;}

.attention {color:#cc0001;}


/* text align */
.txt_c{
	text-align:center !important;
}
.txt_l{
	text-align:left !important;
}
.txt_r{
	text-align:right !important;
}

.title_section {
	background:url(../common_img/subttl.jpg) no-repeat left 2px;
	padding-left:23px;
	border-bottom:#cccccc dashed 1px;
	font-size:16px;
	color:#000;
	margin-bottom:15px;
}
.title_item {
	background:#f0f0f0;
	border-left:#3f8fe2 solid 5px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:15px;
	padding:5px;
}


/*-------section------- */
.section{
	margin-bottom: 30px;
}
.section .msg {
	width: 730px;
	/*word-break: break-all;*/
}
.section .img {
	width: 260px;
}
.pic_l .img, .pic_r .msg {
	float: left;
}
.pic_l .msg, .pic_r .img {
	float: right;
}

.full_con .pic_l .img{ margin-right: 15px; margin-bottom: 5px;}
.full_con .pic_r .img{ margin-left: 15px; margin-bottom: 5px;}

/* if needs instant arrange */
.sec_p p { margin-bottom: 15px; }



/* more botton right */
.more{
	margin-top: 10px;
	text-align: right;
}

/* highlight & line_box box */
.highlight{
	padding:15px;
	margin-bottom:30px;
	border: 1px dotted #e5e5e5;
	background-color: #FAFAFA;
}
.line_box{
	padding:15px;
	border: 1px dotted #e5e5e5;
}

/* table style */
.tb_style{
	width:100%;
	table-layout: auto;
	border-collapse: collapse;
	border:#e5e5e5 solid 1px;
}
.tb_style th,
.tb_style td{
	text-align:left;
	padding:5px 10px;
	border:#e5e5e5 dotted 1px;
	border-right:#e5e5e5 solid 1px;
}
.tb_style th{
	border-bottom:#e5e5e5 solid 1px;
	background:#FAFAFA;
}

.tb_style table{
	width:auto;
}
.tb_style table th,
.tb_style table td{
	font-weight:normal;
	padding:0;
	border:none;
}
.tb_style table th{
	padding-right:15px;
	background:none;
}

/*------ list_dot ------*/
.list_dot{
	list-style:disc;
	margin:0 0 15px 17px;
}

.space_l{
	margin-left:15px;
}
.space_r{
	margin-right:15px;
}
.space_b{
	display:block;
	margin-bottom:15px;
}

/* ------ colum style ------- */
.col2_box, .col3_box, .col4_box{
	margin-bottom:30px;
	position:relative;
}
.col2_box .col2, .col3_box .col3, .col4_box .col4{
	float:left;
}

/* ------2colum------- */
.col2_box {
}
.col2_box .col2 {
}

/* ------3colum------- */
.col3_box {
}
.col3_box .col3 {
}

/* ------4colum------- */
.col4_box {
}
.col4_box .col4 {
}