@charset "utf-8";
/*---------------
.ua-chrome  
.ua-firefox
.ua-ie-8
.ua-ie-7
.ua-ie-6

tag---------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, b, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/*---------------tag---------------*/
* {
	margin: 0;
	padding: 0;
}
body {
	background-position: center top;
	background-image: url(../img/common/haikei_body.jpg);
	background-repeat: repeat-x;
	margin-top: 0px;
	padding-top: 0px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: lighter;
	letter-spacing: 0.1em;
}
.global {
	background-image: url(../img/common/haikei_global.jpg);
	background-repeat: repeat-x;
}
.min {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.tex_l {
	font-size: 20px;
}
img {
	border: none;
}
.txtmin {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.red {
	color: #F9393C;
}
/*---------------layout---------------*/

#container {
	width: 1200px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
}
#container_main {
	width: 1140px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom:60px;
	}

#container_sub {
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 10px;
	clear: both;
	background-color: #FFF;
}
#container_head {
	background-image: url(../img/common/con_head.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 10px;
	clear: both;
}
#container_global {
	background-image: url(../img/haikei/top/con_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-right: 20px;
	padding-left: 20px;
	width: 1020px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 18px;
}
#container_con {
	margin-bottom: 0;
	margin-top: 10px;
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
}
.mi_bk {
	background-image:url(../img/common/midashi_bk.png);
	background-repeat:no-repeat;
	background-position:top center;
	}
#container_top_head {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	margin-top: 0px;
	height: 160px;
	width: 1140px;
	padding-right: 30px;
	padding-left: 0px;
	padding-top: 10px;
	clear: both;
	}
	
#container_top_head h1 {
	font-size: 36px;
	color: #fff;
	line-height: 100%;
	font-weight: normal;
	clear: both;
	margin-top:45px;
	margin-left:0px;
	text-shadow: -1px 1px 0 rgba(36,36,36,1);
	}
#container_top_head p {
	margin-left:0px;
	
	}
#container_top_head strong {
	color: #fff;
	font-weight:lighter;
	font-family: 'Georgia'!important;
	text-shadow: -1px 1px 0 rgba(36,36,36,1);
	}
	






#top_main_area {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	overflow: hidden;
	width: 1140px;
}
.bodyhai {
	background-image: url(../img/common/body_con_hai.png);
	background-position: center 0%;
	background-repeat: repeat-y;
	z-index: 5;
}
#header_description p {
	font-size: 12px;
	font-weight: normal;
	padding-left: 10px;
	padding-top: 0px;
	margin-top: 0px;
	color: #333333;
}
#sitetitle {
	width: 450px;
	float: left;
	text-align: left;
	padding-top: 25px;
	padding-left: 0px;
	padding-bottom: 5px;
}
#sitetitle img {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#sitetitle h1 {
	font-size: 12px;
	font-weight: normal;
	padding-left: 3px;
	margin-top: 0px;
	margin-bottom: 10px;
}
#sitetitle p {
	font-size: 12px;
	font-style: normal;
	padding-left: 3px;
	padding-top: 0px;
	margin-bottom: 7px;
	padding-bottom:0px;
}
header {
	display: block;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 1200px;
}
#header_global {
	background-image: url(../img/common/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 140px;
	display: block;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#header_sub01 {
	float: right;
	padding-top: 6px;
	padding-bottom: 3px;
	width: 320px;
	text-align: right;
	padding-right: 10px;
	color:#fff;
	font-size:12px;
	}
#header_sub01 a {
	color:#fff;	
	}
#header_sub01 img {
	padding-left: 10px;
	padding-right: 10px;
}
#header_sub01 p {
	font-size: 100%;
	font-weight: normal;
	padding-left: 3px;
	margin-top: 0px;
	letter-spacing: 0.2em;
	color: #FFFFFF;
}
#header_sub02 {
	width: 260px;
	float: right;
	text-align: right;
	padding-top: 26px;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: 15px 35px;
	clear: right;
	padding-right: 0px;
}
#header_sub02 img {
	padding-bottom: 5px;
}
/* pankuzu
-----------------------------------------*/
#pankuzu {
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 8px;
	font-size: 12px;
}
#pankuzu a {
	color: #000000;
	text-decoration: none;
}
#pankuzu a:hover {
	color: #000000;
	text-decoration: underline;
}
#pankuzu li {
	display: inline;
	list-style: none;
}
#pankuzu li + li:before {
	margin: 0 5px;
	content: "＞";
}
/* Navigation */

/* GlobalNavi
-----------------------------------------*/
.mod_Gnavi {
	margin-top: 0px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	padding-top: 14px;
	overflow-y: hidden;
}
.mod_Gnavi ul {
}
.mod_Gnavi ul li {
	float: left;
	list-style-image: none;
	list-style-type: none;
}
.mod_Gnavi ul li a {
	display: block;
}
/* Sidenav
-----------------------------------------*/
.mod_sidenav {
	width: 240px;
	background-color: #FFFFFF;
}
.mod_sidenav ul {
	border: solid 1px #CCC;
	border-bottom: none;
	border-radius: 3px;
}
.mod_sidenav ul li {
	border-bottom: solid 1px #CCC;
	font-size: 90%;
	list-style: none;
}
.mod_sidenav ul li a {
	padding: 10px 5px 5px 20px;
	display: block;
	background: transparent url('../img/common/li_haikei.png') no-repeat 5px 45% scroll;
	border-top-right-radius: 3px;
}
.mod_sidenav ul .nolink {
	color: #333333;
	padding: 10px 5px 5px 20px;
	display: block;
	background-repeat: no-repeat;
	background-image: url('../img/common/li_haikei.png');
	background-position: 5px top;
}
.mod_sidenav ul li a:link {
	color: #333333;
	text-decoration: none;
}
.mod_sidenav ul li a:visited {
	color: #333333;
	text-decoration: none;
}
.mod_sidenav ul li a:hover {
	color: #333333;
	background-color: #EEE;
	background-image: url('../img/common/li_haikei.png');
}
.mod_sidenav ul li a:active {
	color: #333333;
	background-color: #EEE;
	background-image: url('../img/common/li_haikei.png');
}
/* current */
.mod_sidenav ul li a.active {
	color: #333333;
	background-color: #EEE;
	background-image: url('../img/common/li_haikei.png');
}
.mod_sidenav ul li ul {
	border-style: none none none;
}
.mod_sidenav ul li ul li {
	border-style: none none dashed;
	list-style-type: none;
}
.mod_sidenav ul li ul .noline {
	border-bottom: none;
}
.mod_sidenav ul li ul li a:link {
	color: #333333;
	text-decoration: none;
}
.mod_sidenav ul li ul li a:visited {
	color: #333333;
	text-decoration: none;
}
.mod_sidenav ul li ul li a:hover {
	color: #333333;
	background-color: #EEE;
	background-image: url('../img/common/li_haikei.png');
}
.mod_sidenav ul li ul li a:active {
	color: #333333;
	background-color: #EEE;
	background-image: url('../img/common/li_haikei.png');
}
/* current */
.mod_sidenav ul li ul li a.active {
	color: #333333;
	background-color: #EEE;
	background-image: url('../img/common/li_haikei.png');
}
/*------------------------------------------------------------------
header Styles
-------------------------------------------------------------------*/
/* header */
#top-head {
	position: fixed;
	width: 1200px;
	margin: 0 auto;
	background-image: url(../img/common/header.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	z-index: 3;
}
#top-head:after {
	content: "";
	display: block;
	height: 1px;
	background: #fff;
	width: 1140px;/*margin: 10px auto 0;*/
}
#top-head a, #top-head {
	text-decoration: none;
}
#top-head .inner {
	position: relative;
}
#top-head .logo {
	float: left;
}
#top-head .logo h1 {
	font-size: 14px;
	margin-top: 10px;
}
/*------------------------------------------------------------------
nav Styles
-------------------------------------------------------------------*/

#nav {
	clear: both;
}
#nav ul {
	list-style: none;
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 14px;
}
#nav ul li {
	float: left;
	position: relative;
}
#nav ul li {
	/*padding: 0 30px;*/
	width: 130px;
}
#nav ul li ul li {
	width: 230px;
}
/* Btn Hover */
#nav ul li:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	bottom: -20px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3 ease;
	-o-transition: all 0.3 ease;
}
#nav ul li:hover:after {
	background: #222;
	bottom: -30px;
}
#nav ul li ul li:hover:after {
	background: none;
}
/* Fixed */
#top-head.fixed {
	z-index: 3;
	background-image:none;
}
#top-head.fixed .logo {
}
#top-head.fixed .logo img {
	max-height: 60px;
	width: auto;
}
#top-head.fixed .logo h1 {
	font-size: 14px;
}
#top-head.fixed:after {
	width: 100%;
	margin-top: 20px;
	content: none;
}
#top-head.fixed #nav ul li {
	color: #333;
}
#top-head.fixed .hedermain {
	display: none;
}
/* Fixed Btn Hover */
#top-head.fixed #nav ul li:after {
	bottom: -10px;
}
#top-head.fixed #nav ul li:hover:after {
	background: #0b8793;
	bottom: -30px;
}
#top-head.fixed #nav ul li:hover:after {
	background: none;
}
#top-head.fixed .m30-t {
	margin-top: 10px !important;
}
/* transition */
#top-head, #top-head:after, #top-head .logo, #nav ul li, #nav ul li a, #top-head .header-right {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.dropmenu {
	list-style: none;
	z-index: 3;
}
.fullnav ul {
	padding-left: 0px;
}

.dropmenu:after {
	clear: both;
}
.dropmenu li {
	position: relative;
	/*width: 20%;*/
	width: 200px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
.dropmenu li a {
	display: block;
	margin: 0;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
}
.dropmenu li ul {
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}
.dropmenu li ul li {
	width: 100%;
}
.dropmenu li ul li a {
	padding: 13px 15px;
	border-bottom: 1px solid #fff;
	background: #1DADE2;
	text-align: left;
	font-size: 12px;
	color: #fff;
	width: 200px;
	position:static;
	z-index:10;}
	
.dropmenu li ul li a:hover {
	background: #0C63B1;
}
.dropmenu li ul li a.active {
	background: #0C63B1;
}
#fade-in2 li ul {
	opacity: 0;
	top: 50%;
	visibility: hidden;
	transition: .5s;
}
#fade-in2 li:hover ul {
	top: 100%;
	visibility: visible;
	opacity: 1;
	city: 1;
}
#gnav {
	display: block;
	clear: both;
	border-top-style: none;
	margin-left: auto;
	margin-right: auto;
}
/*---------------top---------------*/

#top_img {
	background-position: top center;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-top: 20px;
	z-index: 1;
	height: 380px;
	margin-bottom: 20px;
}
#top_img .txtbox {
	width: 1140px;
	padding-left: 0px;
	padding-top: 95px;
	line-height: 160%;
	margin-right: auto;
	margin-left: auto;
}
.top01 {
	background-image: url(../img/top/top01.png);
	background-repeat: no-repeat;
	background-position:right;
	}
/*---------------layout---------------*/
.col {
	overflow: hidden;
	clear: both;
	width: 1140px;
	margin-bottom: 0px;
}


.col {
    opacity : 0.6;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
 

.col.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

.col3 {
	float: left;
	width: 267px;
	margin-bottom: 10px;
}

.col3_l {
	float: left;
	width: 267px;
	margin-left: 24px;
	margin-bottom: 10px;
}

.col3_r {
	float: left;
	width: 267px;
	margin-right: 24px;
	margin-bottom: 10px;
}

.col4 {
	float: left;
	width: 360px;
	margin-bottom: 10px;
}

.col4c {
	float: left;
	width: 360px;
	margin-right: 30px;
	margin-left: 30px;
}
.col4l {
	float: left;
	width: 360px;
	margin-right: 30px;
}

.col4r {
	float: left;
	width: 360px;
	margin-left: 30px;
}
.col6 {
	width: 555px;
	display: block;
	float: left;
	margin-bottom: 20px;
}
.col6_4 {
	float: left;
	width: 200px;
	margin-bottom: 10px;
}

.col6_8l {
	float: left;
	width: 335px;
	margin-left: 20px;
	margin-bottom: 10px;
}
.col8 {
	float: left;
	width: 750px;
	margin-bottom: 10px;
}
.col8r {
	float: left;
	width: 750px;
	margin-left: 30px;
	margin-bottom: 30px;
}

.boxshadow .col8r {
	float: left;
	width: 720px;
	margin-left: 30px;
	margin-bottom: 0px;
}
.col8l {
	float: left;
	width: 750px;
	margin-right: 30px;
	margin-bottom: 30px;
}
.col9l {
	float: left;
	width: 849px;
	margin-right: 24px;
	margin-bottom: 30px;
}
.col12 {
	width: 100%;
	clear:both;
	}
.libox {
	clear:both;
	padding-bottom:5px;
	overflow:hidden;
	}
	
.libox_img {
	float:left;
	
	}
.libox_txt {
	float: left;
	margin-left: 15px;
	width: 350px;
	
	border-top:dotted #ccc 1px;}

.libox_txt h3 {
	padding-top:0px;
	padding-bottom:2px;
	margin-bottom:5px;
	}
.libox_txt p {
	padding-bottom:2px;
	}

/*------------------------------------------------------------
tag style
-------------------------------------------------------------*/

h2 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 36px;
	padding-bottom: 10px;
	margin-bottom: 5px;

}
h2.bgline {
	position: relative;
	text-align: left;
	
}
h2 span.bgline {
	position: relative;
	padding: 0 1em 0 0;
	display: inline-block;
	background-color: #fff;
}
h2.bgline:before {
	position: absolute;
	top: 50%;
	content: '';
	display: block;
	width: 98%;
	height: 1px;
	background: #1DADE2;
	background: -webkit-linear-gradient(-45deg, transparent, #1DADE2 10%, #1DADE2 90%, transparent);
	background: linear-gradient(-45deg, transparent, #1DADE2 10%, #1DADE2 90%, transparent);
}


.libox_txt h3 {
  position: relative;
  color: #111;
  border-bottom: 1px solid #ccc;
  padding: 8px 0px;
  font-weight: normal;
  margin-bottom:10px;
  border-left: none;
  }
.libox_txt h3::before {
  position: absolute;
  top: 100%;
  left: 0;
  width: 20%;
  height: 1px;
  background-color: #3498db;
  z-index: 2;
  content: '';
}

h3 {
	position: relative;
	padding: 0 0 0 .5em;
	border-left: 3px solid #0085E2;
	font-size:26px;
	font-weight:normal;
	}
h3::before {
	position: absolute;
	left: -3px;
	bottom: 0;
	content: '';
	width: 3px;
	height: 50%;
	background-color: #ccc;
}

.bgnone {
	background-image:none;
	border-bottom: 0px;
	}
.bgnone:before {
	background-color: transparent;
	}
p {
	padding-bottom: 20px;
	text-indent: 0px;
	line-height: 180%;
}
p.img {
	padding-bottom: 0px;
}
p.caption {
	text-align: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	font-size: 14px;
}
ul.ul01 {
	margin-top: 0px;
	margin-bottom: 20px;
	padding-left: 0px;
}
.ul01 li {
	margin-bottom: 10px;
	font-size: 18px;
	list-style: none;
}
.ul01 li:before {
	font-family: 'FontAwesome';
	content: '\f046';
	margin: 0 5px 0 10px;
	color: #0A50A1;
}

ul.ul02 {
	margin-top: 0px;
	margin-bottom: 20px;
	padding-left: 0px;
}
.ul02 li {
	margin-bottom: 5px;
	font-size: 18px;
	list-style: none;
}
.ul02 li:before {
	font-family: 'FontAwesome';
	content: '\f1db';
	margin: 0 5px 0 10px;
	color: #0A50A1;
}
hr {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	text-align: center;
	height: 1.5em;
	opacity: .5;
}
hr:before {
	content: '';
	background: -webkit-linear-gradient(left, transparent, #818078, transparent);
	background: linear-gradient(to right, transparent, #818078, transparent);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
}
hr:after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	padding: 0 .5em;
	line-height: 1.5em;
	color: #818078;
	background-color: #fcfcfa;
}
.underline {
	background-image: url(../img/common/h2_underline01.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.underline02 {
	background-image: url(../img/common/h2_underline.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.imgright {
	float: right;
}
img.jqzoom {
	padding: 2px;
	border: 1px solid #CCCCCC;
	margin: 0px;
	}
.cf {
	clear:both;}
	

a.hoverimg img{
    transition:all 0.5s ease;
}
a:hover.hoverimg img{
    opacity: 0.7;
    filter: alpha(opacity=70);
}

strong {
	color:#0A50A1;
	}
em {
	color:#EF191C;
	}

/*------------------------------------------------------------
txt style
-------------------------------------------------------------*/
.txt14 {
	font-size: 14px;
}
.txt20 {
	font-size: 20px;
}
.txt26 {
	font-size: 26px;
}
.txt36 {
	font-size: 36px;
	line-height: 130% !important;
	}
.txtcenter {
	text-align: center !important;}






.waku {
	margin: 0 auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	
	position: relative; 
}
.waku:before {
	content: ''; 
	display: block; 
	position: absolute; 
	top: 0; 
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 0 0px 5px rgba(255,255,255,0.6);
}

.vtop img {
	vertical-align: top;
}

.imagebox dl {
	padding-top: 8px;
}
.imagebox dl dt {
	float: left;
	width: 72px;
}
.imagebox dl dd {
	float: left;
	width: 230px;
}
.imagebox .caption .rd {
	color: #900;
}

.boxshadow {
	margin-bottom: 20px;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    border-radius: 3px;
	padding:0px;
	border:1px solid #ddd;
	background-color:#fff;
	padding:10px 10px 0px 10px;
	overflow:hidden;
	}
	

.center {
	text-align:center !important;
	}

.right {
	text-align:right !important;
	}


/*---------------top_apbox_04---------------*/
.top_apbox_04 {
	overflow: hidden;
	clear: both;
	width: 980px;
	margin-bottom: 50px;
}
.top_apbox_04 .apbox_4box {
	float: left;
	width: 228px;
	margin-bottom: 20px;
	margin-right: 20px;
	background-image: url(../img/common/box_haikei01.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	border: 1px solid #CCC;
	padding-top: 15px;
	padding-bottom: 10px;
}
.top_apbox_04 .title {
	margin-bottom: 15px;
}
.top_apbox_04 .apbox_4box .img_ico {
	text-align: center;
	margin-bottom: 10px;
}
.top_apbox_04 .apbox_4box p {
	font-size: 85%;
	padding-right: 12px;
	padding-left: 12px;
}
.top_apbox_04 .apbox_4box_r {
	float: left;
	width: 228px;
	margin-bottom: 20px;
	background-image: url(../img/common/box_haikei01.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	border: 1px solid #CCC;
	padding-top: 15px;
	padding-bottom: 10px;
}
.top_apbox_04 .apbox_4box_r .img_ico {
	text-align: center;
	margin-bottom: 10px;
}
.top_apbox_04 .apbox_4box_r p {
	font-size: 85%;
	padding-right: 12px;
	padding-left: 12px;
}
.top_apbox_04 .title01_img001 {
	margin-left: 20px;
}
.top_apbox_04 .n02 {
	float: left;
	width: 480px;
}
.top_apbox_04 .n02 .jirei {
	margin-top: 10px;
	margin-bottom: 10px;
}
.top_apbox_04 .n02 .jirei li {
	width: 80px;
	float: left;
	display: inline;
	background-image: url(../img/top/jirei_li.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 22px;
}
.linkbox {
	cursor: pointer
}
/*---------------top_apbox_03---------------*/
.top_apbox_03 {
	overflow: hidden;
	clear: both;
	width: 980px;
}
.top_apbox_03 .apbox_3box {
	float: left;
	width: 310px;
	margin-bottom: 30px;
}
.top_apbox_03 .apbox_3box p {
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 160%;
}
.top_apbox_03 .apbox_3box p .apbox_3box_bimg {
	padding-top: 8px;
}
.top_apbox_03 .apbox_3box ul li {
	padding-left: 20px;
	background-image: url(../img/top/topapbpx_li.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 5px;
	margin-bottom: 5px;
}
.top_apbox_03 .apbox_3box_center {
	float: left;
	width: 310px;
	margin-right: 25px;
	margin-left: 25px;
}
.top_apbox_03 .apbox_3box_center p {
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 160%;
}
/*---------------top_apbox_02---------------*/
.top_apbox_02 {
	overflow: hidden;
	clear: both;
	width: 980px;
	margin-bottom: 15px;
}
.top_apbox_02 #con01 {
	background-image: url(../img/top/con_01.jpg);
	background-repeat: no-repeat;
	height: 333px;
}
.top_apbox_02 #con01 h2 {
	padding-top: 55px;
	padding-left: 410px;
	padding-bottom: 0px;
	margin: 0px;
}
.top_apbox_02 #con01 p {
	width: 480px;
	padding-left: 415px;
	padding-top: 0px;
}
.top_apbox_02 #con01 .con_b {
	padding-left: 410px;
	padding-top: 5px;
	margin-top: 30px;
}
.top_apbox_02 .apbox_2box {
	width: 475px;
	display: block;
	float: left;
	margin-bottom: 20px;
}
.top_apbox_02 .apbox_2box .libox {
	width: 240px;
	display: block;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
}
.top_apbox_02 .apbox_2box .libox_r {
	width: 220px;
	display: block;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
}
.top_apbox_02 .apbox_2box a {
	text-decoration: none;
}
.top_apbox_02 .apbox_2box a:hover {
	text-decoration: underline;
}
.top_apbox_02 .apbox_2box .libox li, .top_apbox_02 .apbox_2box .libox_r li {
	background-image: url(../img/top/top_tit_li.png);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 23px;
	padding-bottom: 8px;
	padding-top: 5px;
	font-size: 12px;
}
.top_apbox_02 .apbox_2box_r .conbox {
	width: 220px;
	display: block;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
}
.top_apbox_02 .apbox_2box_r .conbox_r {
	width: 220px;
	display: block;
	float: left;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.top_apbox_02 .apbox_2box .img_box {
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.top_apbox_02 .apbox_2box .text_box {
	float: left;
}
.top_apbox_02 .apbox_2box .text_box p {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.top_apbox_02 .apbox_2box .text_box .kuwasiku a {
	padding-top: 10px;
	padding-bottom: 5px;
}
.top_apbox_02 .apbox_2box_r {
	width: 475px;
	display: block;
	float: left;
	margin-left: 30px;
}
.top_apbox_02 .apbox_2box_r .img_box {
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.top_apbox_02 .apbox_2box_r .text_box {
	float: left;
}
.top_apbox_02 .apbox_2box_r .text_box p {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.kuwasiku {
	padding-top: 10px;
	padding-bottom: 5px;
}
.kuwasiku_r {
	padding-top: 10px;
	padding-bottom: 5px;
	float: right;
}
/*---------------bg_flow---------------*/

.bg_flow h2.center {
	text-align: center;
}
.bg_flow p {
	margin-top: 5px;
	margin-bottom: 10px;
}
.bg_flow_contents01 {
	background-image: url(../img/top/top_01_img.png);
	background-repeat: no-repeat;
	height: 300px;
}
ul.top_flow {
	padding-top: 50px;
	padding-left: 20px;
}
ul.top_flow li {
	width: 450px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-color: #CCCCCC;
	padding-top: 2px;
	padding-bottom: 3px;
	list-style: none;
}
.fbtn {
	padding-left: 20px;
	padding-top: 10px;
}
.bg_flow_contents02 {
	background-image: url(../img/top/top_02_img.png);
	background-repeat: no-repeat;
	height: 300px;
}
.bg_flow_contents02 .rbox {
	float: right;
	width: 440px;
	margin-top: 40px;
	margin-left: 40px;
}
.bg_flow_contents03 {
	background-image: url(../img/top/top_03_img.png);
	background-repeat: no-repeat;
	height: 300px;
}
.bg_flow_contents03 .lbox {
	float: left;
	width: 440px;
	margin-top: 40px;
	margin-left: 30px;
}
.bg_flow_contents04 {
	background-image: url(../img/top/top_04_img.png);
	background-repeat: no-repeat;
	height: 300px;
}
.bg_flow_contents04 .rbox {
	float: right;
	width: 440px;
	margin-top: 40px;
	margin-left: 40px;
}
/*---------------main---------------*/

#main {
	float: right;
	width: 1140px;
	padding-top: 0px;
	padding-right: 0px;
}
/*---------------top_subbox---------------*/

#top_right .top_subbox {
	display: block;
	float: right;
	padding-bottom: 15px;
	width: 655px;
}
#top_right .top_subbox .subbox_2box {
	float: left;
	width: 320px;
	margin-right: 10px;
	display: block;
}
#top_right .top_subbox .subbox_2box p {
	line-height: 140%;
	padding-bottom: 0px;
}
#top_right .top_subbox .subbox_2box_r {
	float: left;
	width: 320px;
	margin-right: 0px;
	display: block;
}
#top_right .top_subbox .subbox_2box_r p {
	line-height: 140%;
}
#top_right .top_subbox .subbox_2box_r .usp {
	padding-bottom: 12px;
}
#top_right .top_subbox .subbox_3box {
	float: left;
	width: 210px;
	margin-top: 5px;
	display: block;
}
#top_right .top_subbox .subbox_3box_center {
	float: left;
	width: 210px;
	margin-right: 10px;
	margin-top: 5px;
	display: block;
	margin-left: 10px;
}

/*---------------#newsbox news---------------*/
#news {
	width: 849px;
	display: block;
	float: left;
	padding-bottom: 20px;
}
#news h2 {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
}
#topics {
	width: 840px;
	height: 230px;
	display: block;
	float: left;
	padding-right: 10px;
	overflow: auto;
}
#topics dl {
	float: left;
	padding: 3px 0 3px 2px;
	border-bottom: 1px dashed #CCCCCC;
	margin-left: 5px;
}
#topics dt {
	width: 105px;
	float: left;
	font-size: 14px;
	padding-left: 0px;
}
#topics dd {
	width: 725px;
	float: left;
	font-size: 14px;
	padding-left: 0px;
}
/*---------------sub page contents---------------*/


#sub_content {
	clear: both;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
#container #container_sub .stickybox_m {
	overflow: hidden;
	position: relative;
}
#left {
	float: left;
	width: 240px;
	clear: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	background-color: #F4F4F4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#left .list_head {
	background-image: url(../img/common/list_head.jpg);
	background-repeat: no-repeat;
	height: 13px;
}
#left .list_foot {
	background-image: url(../img/common/list_foot.jpg);
	background-repeat: no-repeat;
	height: 11px;
}
#left img {
	padding-bottom: 10px;
}
/*---------------#newsbox news---------------*/
#newsbox_p #news {
	width: 620px;
	display: block;
	float: left;
	padding-bottom: 20px;
}
#newsbox_p #topics {
	width: 620px;
	display: block;
	float: left;
	padding-right: 10px;
	padding-top: 10px;
	overflow: auto;
}
#newsbox_p #topics dl {
	float: left;
	padding: 3px 0 3px 2px;
	border-bottom: 1px dashed #CCCCCC;
	margin-left: 5px;
}
#newsbox_p #topics dt {
	width: 105px;
	float: left;
	font-size: 12px;
	padding-left: 0px;
}
#newsbox_p #topics dd {
	width: 480px;
	float: left;
	font-size: 12px;
	padding-left: 0px;
}
#right {
	float: right;
	width: 680px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 18px;
}
#right h1 {
	background-image: url(../img/common/h1_haikei.jpg);
	background-repeat: no-repeat;
	font-size: 26px;
	color: #FFF;
	padding-top: 12px;
	padding-left: 10px;
	padding-bottom: 5px;
	height: 50px;
	font-weight: lighter;
}
#right h2 {
	background-image: url(../img/common/h2_haikei.png);
	padding-left: 10px;
	padding-top: 10px;
	background-repeat: no-repeat;
	clear: both;
	font-size: 18px;
	margin-top: 80px;
	background-position: left bottom;
	padding-bottom: 5px;
	font-weight: normal;
	overflow: hidden;
	margin-bottom: 5px;
	color: #000000;
}
#right .head_h2 {
	margin-top: 3px;
	height: 30px;
	padding-bottom: 0px;
}
#right .head_h2_02 {
	font-size: 26px;
	margin-top: 3px;
	margin-bottom: 3px;
	height: 30px;
	padding-bottom: 10px;
	background-image: url(../img/common/h2_haikei_02.png);
	color: #000;
}
#right .wl h2 {
	background-image: url(../img/common/h2_haikei_2l.jpg);
	height: 80px;
	background-position: 0% top;
}
#right .wl_s h2 {
	background-image: url(../img/common/h2_haikei_2l.jpg);
	height: 80px;
	background-position: 0% top;
	font-size: 18px;
}
#right .wl_ss h2 {
	background-image: url(../img/common/h2_haikei_2ls.jpg);
	height: 80px;
	background-position: 0% 0px;
	font-size: 14px;
	padding-top: 20px;
}
#container #container_sub .stickybox_m #right .h2s_text {
	font-size: 18px;
}
#right h3 {
	background-image: url(../img/common/h3_haikei.png);
	background-repeat: no-repeat;
	padding-bottom: 0px;
	padding-top: 5px;
	padding-left: 20px;
	font-size: 18px;
	color: #000;
	margin-left: 3px;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 35px;
}
#right .accordion-group h3 {
	background-image: url(../img/common/h3_faq.png);
	background-repeat: no-repeat;
	padding-bottom: 0px;
	padding-top: 5px;
	padding-left: 25px;
	font-size: 18px;
	color: #000;
	margin-left: 3px;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 15px;
}
#right h4 {
	padding-left: 10px;
	font-size: 22px;
	color: #000;
	font-weight: normal;
	line-height: 160%;
}
#right p {
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	text-indent: 0px;
	line-height: 180%;
}
#right img {
	padding: 2px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
#right ol {
	margin-left: 30px;
}
#right ol li {
	padding-bottom: 10px;
}
#right .nopanding {
	margin: 0px;
	padding: 0px;
}
#right .nopanding_m {
	padding-top: -5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#right .img_nopadding {
	margin-bottom: 3px;
	margin-top: 3px;
	margin-right: 0px;
	padding: 0px;
	margin-left: 0px;
}
#right .noline {
	border-style: none;
}
#right p .img_nopadding.noline.h01 {
	vertical-align: bottom;
}
#right .right_img {
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-top: 0px;
	margin-right: 15px;
}
#right .right_img_noline {
	float: right;
	border-style: none;
}
#right .right_2box {
	width: 330px;
	float: left;
	margin-left: 0px;
	margin-right: 10px;
}
#right .imagebox_r {
	width: 220px;
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	padding-right: 3px;
}
#right .imagebox_r p {
	padding-top: 3px;
	padding-bottom: 3px;
}
#right .imagebox_r .image img {
	padding: 2px;
	border: 1px solid #CCCCCC;
	margin: 0px;
}
#right .imagebox {
	width: 333px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 20px;
}
#right .imagebox p {
	padding-top: 3px;
	padding-bottom: 3px;
}
#right .imagebox .image img {
	padding: 2px;
	border: 1px solid #CCCCCC;
	margin: 0px;
}
#right .ul {
	margin-top: 10px;
	margin-left: 20px;
}
#right .ul li {
	padding-bottom: 10px;
}
#right .ul liimg {
	margin-left: 5px;
	padding-bottom: 5px;
	background-image: url(../img/common/ul_haikei.jpg);
	background-repeat: no-repeat;
	padding-left: 23px;
	padding-top: 8px;
	list-style-type: none;
}
.s_text {
	font-size: 12px;
	line-height: 190%;
}
.ss_text {
	font-size: 11px;
	line-height: 130%;
	text-align: center;
}
p.image {
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
p.caption.s_text {
	font-size: 12px;
}

#right .flo img {
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
}
#right .text-center td {
	text-align: center;
}
#right .table.table-bordered tr .text-center {
	text-align: center;
}
.txbig {
	font-size: 16px;
}
/*------------------------------------------------------------
margin・・・周りのブロックからの距離
-------------------------------------------------------------*/

.m0 {
	margin: 0!important;
}/*周りからのmarginを0に*/
.m0-t {
	margin-top: 0!important;
}/*上からのmarginを0に*/
.m0-r {
	margin-right: 0!important;
}/*右からのmarginを0に*/
.m0-b {
	margin-bottom: 0!important;
}/*下からのmarginを0に*/
.m0-l {
	margin-left: 0!important;
}/*左からのmarginを0に*/
.m5 {
	margin: 5px!important;
}
.m5-t {
	margin-top: 5px!important;
}
.m5-r {
	margin-right: 5px!important;
}
.m5-b {
	margin-bottom: 5px!important;
}
.m5-l {
	margin-left: 5px!important;
}
.m10 {
	margin: 10px!important;
}
.m10-t {
	margin-top: 10px!important;
}
.m10-r {
	margin-right: 10px!important;
}
.m10-b {
	margin-bottom: 4px!important;
}
.m10-l {
	margin-left: 10px!important;
}
.m15 {
	margin: 15px!important;
}
.m15-t {
	margin-top: 15px!important;
}
.m15-r {
	margin-right: 15px!important;
}
.m15-b {
	margin-bottom: 15px!important;
}
.m15-l {
	margin-left: 15px!important;
}
.m20 {
	margin: 20px!important;
}
.m20-t {
	margin-top: 20px!important;
}
.m20-r {
	margin-right: 20px!important;
}
.m20-b {
	margin-bottom: 20px!important;
}
.m20-l {
	margin-left: 20px!important;
}
.m25 {
	margin: 25px!important;
}
.m25-t {
	margin-top: 25px!important;
}
.m25-r {
	margin-right: 25px!important;
}
.m25-b {
	margin-bottom: 25px!important;
}
.m25-l {
	margin-left: 25px!important;
}
.m23-l {
	margin-left: 24px!important;
}
.m30 {
	margin: 30px!important;
}
.m30-t {
	margin-top: 30px!important;
}
.m30-r {
	margin-right: 30px!important;
}
.m30-b {
	margin-bottom: 30px!important;
}
.m30-l {
	margin-left: 30px!important;
}
.m32-l {
	margin-left: 32px!important;
}
.m40 {
	margin: 40px!important;
}
.m40-t {
	margin-top: 40px!important;
}
.m40-r {
	margin-right: 40px!important;
}
.m40-b {
	margin-bottom: 40px!important;
}
.m40-l {
	margin-left: 40px!important;
}
.m50 {
	margin: 50px!important;
}
.m50-t {
	margin-top: 50px!important;
}
.m50-r {
	margin-right: 50px!important;
}
.m50-b {
	margin-bottom: 50px!important;
}
.m50-l {
	margin-left: 50px!important;
}
.m60 {
	margin: 60px!important;
}
.m60-t {
	margin-top: 60px!important;
}
.m60-r {
	margin-right: 60px!important;
}
.m60-b {
	margin-bottom: 60px!important;
}
.m60-l {
	margin-left: 60px!important;
}
.m150-l {
	margin-left: 150px!important;
}
/*------------------------------------------------------------
padding・・・周りのブロックからの距離（padding）
-------------------------------------------------------------*/

.p0 {
	padding: 0!important;
}
.p0-t {
	padding-top: 0!important;
}
.p0-r {
	padding-right: 0!important;
}
.p0-b {
	padding-bottom: 0!important;
}
.p0-l {
	padding-left: 0!important;
}
.p5 {
	padding: 5px!important;
}
.p5-t {
	padding-top: 5px!important;
}
.p5-r {
	padding-right: 5px!important;
}
.p5-b {
	padding-bottom: 5px!important;
}
.p5-l {
	padding-left: 5px!important;
}
.p8-l {
	padding-left: 8px!important;
}
.p10 {
	padding: 10px!important;
}
.p10-t {
	padding-top: 10px!important;
}
.p10-r {
	padding-right: 10px!important;
}
.p10-b {
	padding-bottom: 10px!important;
}
.p10-l {
	padding-left: 10px!important;
}
.p15 {
	padding: 15px!important;
}
.p15-t {
	padding-top: 15px!important;
}
.p15-r {
	padding-right: 15px!important;
}
.p15-b {
	padding-bottom: 15px!important;
}
.p15-l {
	padding-left: 15px!important;
}
.p20 {
	padding: 20px!important;
}
.p20-t {
	padding-top: 20px!important;
}
.p20-r {
	padding-right: 20px!important;
}
.p20-b {
	padding-bottom: 20px!important;
}
.p20-l {
	padding-left: 20px!important;
}
.p25 {
	padding: 25px!important;
}
.p25-t {
	padding-top: 25px!important;
}
.p25-r {
	padding-right: 25px!important;
}
.p25-b {
	padding-bottom: 25px!important;
}
.p25-l {
	padding-left: 25px!important;
}
.p30 {
	padding: 30px!important;
}
.p30-t {
	padding-top: 30px!important;
}
.p30-r {
	padding-right: 30px!important;
}
.p30-b {
	padding-bottom: 30px!important;
}
.p30-l {
	padding-left: 30px!important;
}
.p40 {
	padding: 40px!important;
}
.p40-t {
	padding-top: 40px!important;
}
.p40-r {
	padding-right: 40px!important;
}
.p40-b {
	padding-bottom: 40px!important;
}
.p40-l {
	padding-left: 40px!important;
}
.p50 {
	padding: 50px!important;
}
.p50-t {
	padding-top: 50px!important;
}
.p50-r {
	padding-right: 50px!important;
}
.p50-b {
	padding-bottom: 50px!important;
}
.p50-l {
	padding-left: 50px!important;
}
.p60 {
	padding: 60px!important;
}
.p60-t {
	padding-top: 60px!important;
}
.p60-r {
	padding-right: 60px!important;
}
.p60-b {
	padding-bottom: 60px!important;
}
.p60-l {
	padding-left: 60px!important;
}

.p180-l {
	padding-left: 180px!important;
}
.spcl {
	clear: both;
}
.sp10 {
	height: 10px;
	clear: both;
}
.sp20 {
	height: 20px;
	clear: both;
}
.sp30 {
	height: 30px;
	clear: both;
}
.sp40 {
	height: 40px;
	clear: both;
}
.sp50 {
	height: 50px;
	clear: both;
}
.top-p {
	padding-top: 145px!important;
}
.top-pglobal{
	padding-top: 158px!important;
	}

/*Table*/
table {
	max-width: 100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
}
.table {
	margin-bottom: 20px;
}
.table th, .table td {
	padding: 8px;
	line-height: 20px;
	text-align: left;
	border-bottom: 1px solid #dddddd;
}
.table td {
}
.table-bordered th, .table-bordered td {
	border-left: 1px solid #dddddd;
}
.table-bordered {
	border: 1px solid #dddddd;
	border-left: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.btno {
	padding: 5px 20px;
	background-image: url(../img/common/btn_hikei.png);
	background-repeat: no-repeat;
	background-position: 0% center;
	color: #000;
	border-style: none;
}
.btno:hover {
	text-decoration: underline;
}
/*---------------tabArea---------------*/


div.tab {
	width: 680px;
	margin-top: 20px;
}
div.tab p {
	margin-bottom: 1.5em;
}
ul.tab-list {
	padding-left: 5px;
	border-bottom: 1px solid #999;
}
ul.tab-list li {
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-right: 2px;
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #79B105;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	background-image: url(../img/common/tab_haikei.jpg);
	background-repeat: repeat-x;
	list-style-type: none;
}
ul.tab-list li.selected {
	border-bottom: 1px solid #fff;
	background: #89cbf9; /* Old browsers */
	background: -moz-linear-gradient(top, #89cbf9 0%, #62b4ea 49%, #93c9ed 50%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89cbf9), color-stop(49%, #62b4ea), color-stop(50%, #93c9ed), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #89cbf9 0%, #62b4ea 49%, #93c9ed 50%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #89cbf9 0%, #62b4ea 49%, #93c9ed 50%, #ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #89cbf9 0%, #62b4ea 49%, #93c9ed 50%, #ffffff 100%); /* IE10+ */
	background: linear-gradient(top, #89cbf9 0%, #62b4ea 49%, #93c9ed 50%, #ffffff 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89cbf9', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
}
ul.tab-list li a {
	text-shadow: #fff 0 1px 0;
	display: block;
	padding-top: 0.3em;
	padding-right: 5px;
	padding-bottom: 0.3em;
	padding-left: 5px;
}
ul.tab-list li.selected a {
	color: #333;
}
div.tab-box {
}
/*---------------menu---------------*/
.contentshead {
	background-image: url(../img/common/contents_head.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 262px;
}
.list {
	width: 260px;
	text-align: left;
	margin-top: 0px;
	font-size: 90%;
	background-image: url(../img/common/list_back.jpg);
	background-repeat: repeat-y;
}
.list ul .ind {
	padding-left: 15px;
	background-image: url(../img/common/li_haikei.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
}
.list ul h3 {
}
.list ul .nopadding {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#left .list ul .nopadding a {
	padding: 0px;
	margin: 0px;
}
.list ul {
	width: auto;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
}
.list li {
	list-style: none;
	display: block;
	line-height: 180%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
.list a:hover {
	color: #0000CC;
	text-decoration: underline;
}
.list ul li .active {
	background-repeat: no-repeat;
	background-image: url(../img/common/active_hai.png);
}
.list ul ul {
	padding-left: 0px;
}
.list li li {
	border-style: none;
}
.list li li a {
	text-decoration: none;
	color: #000000;
	display: block;
	padding-left: 10px;
	background-image: url(../img/common/li_li_haikei.jpg);
	background-repeat: no-repeat;
	margin-left: 0px;
	font-size: 85%;
	background-position: left top;
}
.list ul li li .active {
	background-repeat: no-repeat;
	background-image: url(../img/common/haikei_li_li_a.jpg);
	background-color: #F2F2F7;
}
.list .nolink {
	text-decoration: none;
	color: #000000;
	background-image: url(../img/common/haikei_li.jpg);
	background-repeat: no-repeat;
	display: block;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	background-position: left 13px;
}
.list ul .nolink.active {
	background-image: url(../img/common/haikei_li_a_01.jpg);
	background-position: 0px 5px;
}
.list ul li .nolink .active {
	background-repeat: no-repeat;
	background-image: url(../img/common/haikei_li_a.jpg);
	background-color: #F2F2F7;
}
#left .list .co_sp {
	border-bottom: 1px dashed #7A96E0;
	margin-bottom: 5px;
}
#left .list img {
	padding: 0px;
	margin: 0px;
}
#left .list .co_img {
	margin: 0px;
	padding: 0px;
}
#left .list .m_titlle {
	padding-left: 13px;
	background-image: url(../img/li_haikei.gif);
	padding-top: 5px;
}
#left .list .m_titlle .none {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#left .list .noline {
	border-bottom-style: none;
}
.stickem-container {
	position: relative;
}
.stickit {
	margin-left: 0px;
	position: fixed;
	top: 0;
}
.stickit-end {
	bottom: 40px;
	position: absolute;
	right: 0;
}
#left .stickybox .menubox {
	margin-top: 10px;
}
.hole {
	line-height : 25px;
	color : #969696;
	padding : 5 6 5 7px;
	margin : 10 0 10 0px;
	border-right : 1px solid #969696;
}
.cont {
	padding : 15px;
}
footer {
	width: 100%;
	padding-bottom: 60px;
	background-image: url(../img/common/footer_haikei.png);
	background-repeat: repeat-x;
	clear: both;
}
/*---------------footer1---------------*/

#footer1 {
	clear: both;
	height: 180px;
	display: block;
	padding-top: 10px;
	padding-bottom: 5px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/common/footer.png);
	background-position: center top;
	background-repeat: no-repeat;
}
#footer1 .adres {
	float: left;
	width: 430px;
	padding-top: 5px;
	padding-left: 10px;
}
#footer1 .adres p {
	line-height: 170%;
	font-size: 85%;/*padding-bottom: 10px;*/
}
#footer1 .f_left {
	float: left;
	color: #FFFFFF;
	padding-left: 0px;
	padding-top: 5px;
	margin-left: 0px;
	}
#footer1 .f_right2 {
	float: right;
	padding-top: 90px;
	width: 300px;
	text-align: right;
	padding-right: 30px;
}
#footer1 .f_right2 .fosite {
	float: left;
	width: 240px;
	font-size: 12px;
}
#footer1 .f_right2 .fosite02 {
	float: left;
	width: 270px;
	font-size: 12px;
	padding-left: 15px;
}
#footer1 .f_right2 .fosite ul li {
	padding-top: 3px;
	padding-bottom: 3px;
}
#footer1 .f_right2 .fosite ul li ul li {
	list-style-type: none;
}
#footer1 .f_right2 .fosite02 ul li {
	padding-top: 3px;
	padding-bottom: 3px;
}
#footer1 .f_right2 .fosite02 ul li ul li {
	list-style-type: none;
}
/*---------------footer2---------------*/

#footer2 {
	clear: both;
	display: block;
	padding-top: 15px;
	padding-bottom: 0px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	height: 265px;
}
#footer2 .footer2_li {
	float: left;
	width: 267px;
	list-style-type: none;
	margin-top: 5px;
	margin-right: 25px;
	margin-left: 4px;
}
#footer2 .footer2_li a {
	text-decoration: none;
	color: #fff;
	padding-left: 2px;
	font-size: 13px;
}
#footer2 .footer2_li a:hover {
	text-decoration: underline;
}
#footer2 .footer2_li li {
	font-size: 12px;
	list-style-type: none;
	background-image: url(../img/common/footer_li.png);
	background-repeat: no-repeat;
	background-position: left -4px;
	padding-left: 15px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #cccccc;
	margin-top: 10px;
	margin-bottom: 2px;
	color: #fff;
}
#footer2 .footer2_li li.nolink {
	padding-left: 20px;
	font-size:13px;
	}
#footer2 .footer2_li li.nobk {
	background-image: none;
}
#footer2 .footer2_li li li {
	background-image: url(../img/common/footer_li_li.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
	margin-left: 0px;
	border-bottom-style: none;
	margin-top: 5px;
}
#footer #footer2 .footer2_li .noline {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}
/*---------------sitemap---------------*/

.sitemap {
	margin-left: 5px;
	float: left;
	width: 900px;
	margin-bottom: 20px;
}
.sitemap ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.sitemap li {
	margin: 0;
	padding-bottom: 5px;
}
.sitemap a {
	display: block;
	color: #000000;
	width: 520px;
	padding: 2px 10px;
	text-decoration: none;
	margin-bottom: 5px;
	margin-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	background-image: none;
}
.sitemap .nolink {
	display: block;
	color: #000000;
	width: 500px;
	padding: 2px 10px;
	text-decoration: none;
	margin-bottom: 5px;
	margin-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	background-image: none;
}
.sitemap a:hover {
	color: #333;
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.sitemap ul ul {
	margin-left: 20px;
	padding: 0;
	list-style-type: none;
}
.sitemap li li a {
	display: block;
	color: #333;
	width: 280px;
	padding: 5px 10px;
	margin: 0;
	text-decoration: none;
	border-left-width: 1px;
	border-top-style: none;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}
.break {
	page-break-before: always;
}
#container #container_sub .stickybox_m #right .h2s_text {
	font-size: 18px;
}
.textcenter {
	text-align: center;
}
.bodyhai #container #container_sub .stickybox_m {
}
.triangle-border, .btn, .bubble, .example-obtuse, .triangle-isosceles, .badge, .label {
	behavior: url(../css/ie-css3.htc);
}

.sankaku {
	width: 0;
	height: 0;
	border-top: 30px solid #008CD7;
	border-right: 80px solid transparent;
	/*border-bottom: 30px solid transparent;*/
	border-left: 80px solid transparent;
	margin: 20px auto;
}

@media print {
body {
	zoom: 75%;
}
}




ol.devl {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0;
  padding-top:30px;
  }
ol.devl li {
  position: relative;
  padding: 1em 0.5em 1em 0.5em;
  line-height: 1.5em;
  background: #f1f8ff;
  border-left : solid 46px #5c9ee7;
  margin-bottom: 20px;
  font-size:18px;
  font-weight:bold;
  }
 ol.devl li p {
  font-size:14px;
  font-weight:lighter;
  padding-bottom: 0px;
  }
  
ol.devl li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content:'0' counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  color: white;
   font-size: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -46px;
  width: 46px;
  height: 1em;
  line-height: 1;
  text-align: center;
  font-weight:lighter;
}