@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

body {
color:#333;
font-size:small;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
-webkit-text-size-adjust: none;
}

/* リンク設定
------------------------------------------------------------*/
a{color:#232323;text-decoration:none;}
a:hover{color:#36babb;}
a:active, a:focus {outline:0;}

/* 全体
------------------------------------------------------------*/


#wrapper{
margin:0 auto;
padding:1% 0% 1% 0%;
width:100%;
position:relative;
}

.inner{
margin:0 auto;
width:100%;
}

/*.center {
	text-align:center;
}*/

.reasonBox { width:960px; margin:0px auto 0px auto; padding:30px 0px; text-align:center; }
.reasonBox h2 { font-size:18px; font-weight: normal; line-height:1.7; text-align:left; margin-bottom:5px; }
.reasonBox h2 span { font-size:175%; font-weight:bold; color:#fb4380; }
.reasonBox p {  }

.blockBox { width:960px; margin:0px auto 0px auto; padding:30px 0px; text-align:center; }
.blockBox h2 { font-size:18px; font-weight: normal; line-height:1.7; text-align:left; margin-bottom:5px; }
.blockBox h2 span { font-size:175%; font-weight:bold; color:#ed7eaf; }
.blockBox p {  }


/* アニメーション部分 */
#animation {
margin: 50px 0;
font-size: 40px;
font-weight: bold;
color: #ff0000;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


/*************
/* ヘッダー
*************/
#header{
	height:auto;
}

#header h1{
padding:5px 0px 0px 0px;
margin-bottom:10px;
font-size:12px;
font-weight:normal;
text-align:left;
}

/*************
/* ロゴ
*************/
.logo{
float:left;
width:auto;
padding:5px 5px 5px 5px;
}

.logo p{float:left;}

.logo span{display:block;}

/*************
/* 電話番号
*************/
.info{
float:right;
padding-right:0px;
text-align:right;
}

.info .open{font-size:11px;}
.info .address{font-size:11px;}

/*************
/* ヘッダーメニュー
*************/
.hmenu{
float:right;
margin:10px 0px 0px 0px;
padding:2px;
text-align:right;
}

.hmenu ul {
	display:block;
	float:right;
	margin:0px 0px;
}

.hmenu ul li {
	padding:0px;
	display:block;
	font-size:10px;
	color:#482d0f;
	float:right;
}

.hmenu ul li a {
	color:#482d0f;
}
.hmenu ul li a:hover {
	color:#DDC2A2;
}

.hmenu p { font-size:12px; color:#333; }

.s_link { text-align:right; display:block; width:auto; position:absolute; top:-5px; right:0px; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f4f4f4), color-stop(0.00, #fff));
background: -webkit-linear-gradient(#fff, #f4f4f4);
background: -moz-linear-gradient(#fff, #f4f4f4);
background: -o-linear-gradient(#fff, #f4f4f4);
background: -ms-linear-gradient(#fff, #f4f4f4);
background: linear-gradient(#fff, #f4f4f4);
border-radius:0px 0px 4px 4px; padding:10px 10px 10px 10px;
box-shadow:0px 0px 4px #DDD ,inset 0px 0px 0px 2px #FFF;
-webkit-box-shadow:0px 0px 4px #DDD ,inset 0px 0px 0px 2px #FFF; 
-moz-box-shadow:0px 0px 4px #DDD ,inset 0px 0px 0px 2px #FFF; }
.s_link img { vertical-align: text-bottom; }

.s_link span { color:#e4e4e4; text-shadow:1px 1px 0px #FEFEFE; padding:0px 5px; }

.s_link li { background:url(../common/arrow1.png) no-repeat left center; padding:0px 10px 0px 15px; display:inline-block; }

/*************
/* ロゴ+電話番号+hmenu
*************/
.logo{
margin-top:1px;
color:#2C4D9A;
font-size:19px;
font-weight:bold;
text-shadow: 0px 1px 1px #666;
line-height:1.1em;
padding:0px 0px 0px 0px;
margin:0px;
}
.hmenu .tel {
color:#333;
background:url(../common/tel_icon.png) no-repeat left center;
font-size:24px;
/* text-shadow: 0px 1px 1px #191919; */
line-height:1.5;
padding:0px 5px 0px 22px;
margin:1px 2px 0px 2px;
vertical-align:middle;
}
.hmenu.tel a { color:#333; }
.hmenu .fax {
color:#333;
background:url(../common/fax_icon.png) no-repeat left center;
font-size:24px;
/* text-shadow: 0px 1px 1px #191919; */
line-height:1.5;
padding:0px 2px 0px 22px;
margin:1px 2px 0px 2px;
vertical-align:middle;
}
.hmenu .mail {
color:#333;
background:url(../common/mail_icon.png) no-repeat 5px center;
font-size:16px;
/* text-shadow: 0px 1px 1px #191919; */
line-height:1.5;
padding:4px 4px 4px 34px;
margin:0px 0px 0px 5px;
border:1px solid #DDD;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
vertical-align:middle;
}


/*.logo span,.info span{
color:#333;
font-size:.6em;
font-weight:normal;
}

.info p { line-height:1.2em; font-size:11px; }*/


/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner{
margin:17px auto;
padding:0;
width:100%;
position:relative;
line-height:0;
}

#mainBanner img{
max-width:100%;
height:auto;
}

#mainBanner #site-name img{
max-width:100%;
display:block;
}

#subBanner{
margin:17px auto;
padding:0;
width:100%;
position:relative;
line-height:0;
}

#subBanner img{
max-width:100%;
height:auto;
}

#subpage #mainBanner img{border:4px solid #f1f1f1; margin-bottom:17px;}
#subBanner img{border:4px solid #f1f1f1; margin-bottom:17px;}



h2.reason_title { width:100%; }
h2.reason_title img { margin:5px auto; max-width:100%; }

.outline {
	filter:dropshadow(color=#FFFFFF,offX= 0,offY=-1)
	dropshadow(color=#FFFFFF,offX= 1,offY= 0)
	dropshadow(color=#FFFFFF,offX= 0,offY= 1)
	dropshadow(color=#FFFFFF,offX=-1,offY= 0);
	-webkit-text-stroke-color: #FFFFFF;
	-webkit-text-stroke-width: 1px;
	text-shadow: #FFFFFF 1px 1px 0px, #FFFFFF -1px 1px 0px, #FFFFFF 1px -1px 0px, #FFFFFF -1px -1px 0px;
}


.spotlight { margin-bottom:0px; text-align:center; }
.spotlight img { margin:0 auto; max-width:100%; vertical-align:bottom; }

.flow_arrow {
	/*background:url(../common/flow_arrow.png) no-repeat center center;
	background-size:contain;
	height:60px;*/
	text-align:center;
}
.flow_arrow img {
	text-align:center;
	margin:0 auto;
}

#header .mail_bt{
background:url(../common/mail_icon.png) no-repeat 5px center #333;
color:#FFF;
}

.mail_bt{
/* width:98%; */
border:1px solid #CCC;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
font-size:11px;
text-decoration:none;
text-align:left;
line-height:1.6;
display:block;
font-weight:bold;
color: #222;
background:url(../common/mail_icon_side.png) no-repeat 5px center #FFF;
padding: 5px 5px 5px 40px;
}

.mail_bt:hover{
color:#222;
border:1px solid #e73101;
}

.shousai_bt{
/* width:98%; */
border:1px solid #CCC;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
font-size:14px;
text-decoration:none;
text-align:left;
line-height:1.6;
display:block;
font-weight:bold;
color: #222;
background:url(../common/central_i.png) no-repeat 5px center #FFF;
padding: 8px 8px 8px 40px;
}

.shousai_bt:hover{
color:#222;
border:1px solid #e73101;
}


/*********** case *********************/

#case {
	width:100%;
	margin:0;
	padding:20px 0 20px 0;
	clear:both;
	overflow:hidden;
}

ul#area_img{
	width:100%;
	min-width:960px;
	max-height:940px;
	margin:0;
	padding:0;
}

#area_img li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	border:none;
	display:block;
	overflow:hidden;
}

#area_img li img {
	width:100%;
	height:auto;
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
	cursor:pointer;
	vertical-align: bottom;
}

#area_img li:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

#area_img .img01{
	width:40%;
	height:66%;
	/*min-width:400px;
	min-height:400px;*/
	margin:0;
	padding:0;
	opacity:0;
}

#area_img .img02,#area_img .img03,#area_img .img04,#area_img .logo2,#area_img .img05,#area_img .img06,#area_img .img07,#area_img .img08,#area_img .img09,#area_img .img10,#area_img .img11{
	width:20%;
	height:33%;
	/*min-width:200px;
	min-height:200px;*/
	margin:0;
	padding:0;
	opacity:0;
}
#area_img .img07,#area_img .img08,#area_img .img09,#area_img .img10,#area_img .img11{
	height:34%;
}


.flex-control-nav { display:none; }
.flex-direction-nav li .next { display:none; }
.flex-direction-nav li .prev { display:none; }


/**** block2 ******/
.block2_waku { margin-bottom:10px; padding-bottom:5px; border-bottom:1px dashed #d3d6d6; }
.block2_waku2 { margin-bottom:20px; }
.block2 { border:0px dashed #cecece; float:left; width:48.6%; padding:0%; margin:0% 2.5% 1% 0%; text-align:center; }
.block2:nth-child(2n) { margin:0% 0% 1% 0%; }
.block2 img { /* width:92%; */ margin:5px auto; border:0px solid #8f894a; }
.block2 h3 { color:#8f894a; text-align:left; }
.block2 p { text-align:left; padding:0px 5px; font-size:11px; }
.block2 a:hover { color:#bbb; }
/* IE8対応 */
.block2 > *:first-child + * + * { margin:0; }


/**** block3 ******/
.block3 { border:0px solid #cecece; float:left; width:32.0%; padding:0%; margin:0% 2.0% 2% 0%; text-align:center;}
.block3:nth-child(3n) {	margin:0% 0% 2% 0%; }
.block3 img { width:100%; margin:0px auto; vertical-align:bottom; }
.block3 h3 { background:url(../common/block3_bar.png) no-repeat left center, rgba(0,170,203,0.85); color:#FFF; text-align:left; font-weight:bold; padding:10px 0px 10px 20px; margin:-39px auto 10px auto; position:relative; }
.block3 p { text-align:left; padding:0px 5px; font-size:11px; }
.block3 a:hover { color:#bbb; }
/* IE8対応 */
.block3 > *:first-child + * + * { margin:0; }

/**** c_block3 ******/
.c_block3 { border:0px solid #cecece; float:left; width:32.0%; padding:0%; margin:0% 2.0% 1% 0%; text-align:center;}
.c_block3:nth-child(3n) {	margin:0% 0% 1% 0%; }
.c_block3 img { width:100%; margin:0px auto 15px auto; }
.c_block3 h3.bar { text-align:left; padding-left:10px; }
.c_block3 h3.bar span { color:#e73101; font-size:100%; padding-left:0px; }
.c_block3 p { text-align:left; padding:0px 10px; font-size:11px; }
.c_block3 a:hover { color:#e73101; }
/* IE8対応 */
.c_block3 > *:first-child + * + * { margin:0; }


/**** block4 ******/
.block4 { border:0px solid #cecece; float:left; width:23.4%; padding:0%; margin:0% 2.0% 1% 0%; text-align:center; overflow:hidden }
.block4:nth-child(4n) {	margin:0% 0% 1% 0%; }
.block4 img { width:98%; margin:1% 1% 1.5% 1%; /* border:1px solid #ed7eaf;*/  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.block4 img:hover { width:100%; margin:0% 0% 1% 0%; -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
.block4 h3 { /* color:#fb4380; */ text-align:center; font-size:16px; font-weight:bold; margin-bottom:5px; }
.block4 p { text-align:left; padding:0px 5px; font-size:11px; }
.block4 ul { }
.block4 ul li { text-align:left; }
.block4 a:hover { color:#bbb; }
/* IE8対応 */
.block4 > *:first-child + * + * { margin:0; }


/**** block5 ******/
.block5 { border:0px solid #cecece; float:left; width:18.4%; padding:0%; margin:0% 2.0% 1% 0%; text-align:center; -webkit-box-shadow: 0 0 0px 0px #7fc71b; -moz-box-shadow: 0 0 0px 0px #7fc71b; box-shadow: 0 0 0px 0px #7fc71b;}
.block5:nth-child(5n) {	margin:0% 0% 1% 0%; }
.block5 img { width:100%; margin:0px auto; vertical-align:bottom; }
.block5 h3 { color:#8f894a; text-align:left; }
.block5 p { text-align:left; padding:0px 5px; font-size:11px; }
.block5 a:hover { color:#bbb; }
/* IE8対応 */
.block5 > *:first-child + * + * { margin:0; }


/*************
メイン コンテンツ
*************/
section.content article{
padding:20px;
margin-bottom:20px;
/* border:1px solid #191919; */
overflow:hidden;
-webkit-box-shadow: 0 0 0px 0 #EDEDED, inset 0 0 5px 0px #ccc;
-moz-box-shadow: 0 0 0px 0 #EDEDED, inset 0 0 5px 0px #ccc;
box-shadow: 0 0 0px 0 #EDEDED, inset 0 0 5px 0px #ccc;
}

* html section.content article{height:1%;}

section.content p{margin-bottom:5px;}

h3.heading{
font-weight:normal;
padding:0 10px;
line-height:36px;
color:#333;
background:#f1f1f1;
}

section.content img{
/* max-width:90%; */
max-width:100%;
height:auto;
vertical-align: bottom;
}


.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 0;
}

.alignright{
float:right;
clear:right;
margin:3px 0 10px 10px;
}


h4{
	margin:1em auto 0em auto;
	padding:6px 8px 4px 8px;
	background:#eaeaea;
	border:1px solid #dbd8c8;
	font-weight:bold;
	font-size:14px;
}

h4 ~ h4{
	margin:1em auto 0em auto;
	padding:6px 8px 4px 8px;
	background:#eaeaea;
	border:1px solid #dbd8c8;
	font-weight:bold;
	font-size:14px;
}

h4.bar {
	margin:0;
	padding:5px 8px 5px 18px;
	background: url(../common/bar2.png) no-repeat left center;
	border:none;
	font-weight:bold;
}


h4.toptitle{
	margin:0px 0px 15px 0px;
	padding:6px 8px 4px 8px;
	background:#eeede5;
	border:1px solid #dbd8c8;
	font-weight:bold;
	font-size:14px;
}
h4.nbdr { background:none; border:none; }

h4.inbox {
	background:none;
	border:none;
	font-size:18px;
	border-left:6px solid #09F;
	color: #0f84fa;
}
h4.inbox2 {
	background:none;
	font-size:20px;
	border-left-width: 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #FFF;
}
h4.inbox3 { background:none; border:none; font-size:16px; border-left:6px solid #cf7b03; }
h4.inbox4 { background:none; border:none; font-size:18px; border-left:6px solid #e62e8a; color: #e62e8a; }
h4.inbox5 {
	background:none;
	font-size:18px;
	color: #edac11;
	border-left-width: 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #edac11;
}
.green16 {
	font-size:16px;
	color:#339900;
}

.pink16 {
	font-size:16px;
	color:#ec1484;
}

h5{
	margin:1em 0;
	padding:6px 8px 4px 8px;
	background:#eeede5;
	border:1px solid #dbd8c8;
	font-weight:bold;
	font-size:12px;
}

h5 a{
	text-decoration:none;
	color:#0aa9dd;
	padding:0 0 0 15px;
	background:url(../arrow2.gif) left 4px no-repeat;
}

h5.qes{
	margin:1em 0;
	padding:10px;
	background:#191919;
	border:1px solid #272727;
	font-weight:bold;
	font-size:16px;
}
h5.qes a{
	text-decoration:none;
	color:#0aa9dd;
	padding:10px 0 10px 44px;
	background:url(../faq/img/q.png) left center no-repeat;
}

.ans_BOX {
	margin:5px auto 30px auto;
	padding:10px;
	border-bottom:#dddddd 2px dashed;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
}

#accord,#accord2{
	margin:0;
	padding:0;
}

.small{
	font-size:80%;
}


.photo_bg {
	background:url(../common/photo_bg.png) no-repeat center center #FFF;
	background-size:contain;
	padding:20px;
	border:#FFF 5px solid;
}
.box_shadow {
	-webkit-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	-moz-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
	behavior: url(../common/PIE.htc);	      /* CSS3 PIE */
}

.box_shadow2 {
	-webkit-box-shadow: 0 0 4px 0 #CCC;
	-moz-box-shadow: 0 0 4px 0 #CCC;
	box-shadow: 0 0 4px 0 #CCC;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
	behavior: url(../common/PIE.htc);	      /* CSS3 PIE */
	margin:0px 4px;
	padding:0px;
}

.waku_bar { padding:5px; border:#81d7ce 1px solid; margin:0px auto 10px auto; }
.waku { padding:5px; background:#FFF; border:#EEE 1px solid; }
.waku2 { border:1px solid #187db4; background-color: #318bbc;
border-radius: 5px 5px 5px 5px;
}

/*************
CSS3 シャドー系
*************/

.shadowbox {
	width: 98%;
	min-height:150px;
	margin: 30px auto;
	background:#FFF;
	border:1px solid #EEE;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
	
.shadowbox p{
	text-align:center;
	font-size: large;
	position: relative;
	top: 50px;
}

.shadow1
{
  position: relative;
}
.shadow1:before, .shadow1:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.shadow1:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.shadow2
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.shadow2:before, .shadow2:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 20px;
    border-radius:100px / 20px;
}
.shadow2:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/*************
テーブル
*************/

/* table_w 単体 */
table.table_w{
border-collapse:collapse;
margin:5px auto 15px auto;
width:100%;
}

table.table_w td{
border-collapse:collapse;
background-color:#FFF;
text-align:left;
padding:8px;
border:1px solid #DDDDDD;
line-height:20px;
}

table.table_w td.left{
text-align:left;
}

table.table_w th{
background-color:#efefef;
text-align:left;
padding:8px;
white-space:nowrap;
color: #333;
border-top:1px solid #DDDDDD;
border-right:4px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
border-left:1px solid #DDDDDD;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
vertical-align: middle;
}

/* table_flow 単体 */
table.table_flow{
border-collapse:collapse;
margin:5px auto 15px auto;
width:100%;
}

table.table_flow td{
border-collapse:collapse;
background-color:#FFF;
text-align:left;
padding:8px;
border:1px solid #DDDDDD;
line-height:20px;
}

table.table_flow th{
background-color:#F0FCCB;
text-align:center;
padding:8px;
white-space:nowrap;
color: #333;
border-top:1px solid #DDDDDD;
border-right:4px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
border-left:1px solid #DDDDDD;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
vertical-align: middle;
}
table.table_flow th span { width:100%; display:block; font-weight:bold; color:#F60; }

.W_BOX table.table_w { margin:0px auto 0px auto; }

/*************
/* サイドバー
*************/
#sidebar h3.title { border:none; background:#015db2; color:#fff; padding-left:15px; }
#sidebar ul{padding:0px 0px;}


#sidebar li{
/* margin-bottom:10px;
padding-bottom:10px;*/
margin:5px 0px;
padding:5px 0px;
list-style:none;
/* border:1px solid #dfdfdf; */
}

#sidebar li:last-child{
margin-bottom:0px;
}

#sidebar li a{display:block;}


#sidebar p.tel { font-size:20px; }

#sidebar ul.menubox {
clear:both;
margin-bottom:20px;
padding:0px 0;
overflow:hidden;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
}

#sidebar ul.menubox li.s_menu {
	background:url(../common/arrow1.png) no-repeat 6px center;
	border-bottom:1px solid #CCC;
	margin:0px auto;
	padding:10px 6px 10px 20px;
	-webkit-box-shadow: 0 0 0px 0 #ccc, inset 0 0 0px 1px #FFF;
	-moz-box-shadow: 0 0 0px 0 #ccc, inset 0 0 0px 1px #FFF;
	box-shadow: 0 0 0px 0 #ccc, inset 0 0 0px 1px #FFF;
	position:relative;
	behavior: url(../common/PIE.htc);
}
#sidebar ul.menubox li.s_menu2 {
	background:url(../common/arrow2.png) no-repeat 8px center;
	border-bottom:1px solid #CCC;
	margin:0px auto;
	padding:10px 6px 10px 25px;
	-webkit-box-shadow: 0 0 0px 0 #ccc, inset 0 0 0px 1px #FFF;
	-moz-box-shadow: 0 0 0px 0 #ccc, inset 0 0 0px 1px #FFF;
	box-shadow: 0 0 0px 0 #ccc, inset 0 0 0px 1px #FFF;
	position:relative;
	behavior: url(../common/PIE.htc);
}

/*************
/* フッター
*************/
#footer{
	clear:both;
	overflow:hidden;
	padding:10px 10px 10px 10px;
	background:#f7f7f5;
	border-top:2px solid #015db2;
}

* html #footer{height:1%;}

#footer .grid{
padding:10px 0 5px;
margin:0;
background:transparent;
width:320px;
float:left;
}
#footer .grid img { max-width:98%; }

#footer #info .logo, .ninka, #footer #info .info{float:none;}

#footer #info .info{
clear:both;
padding:10px 0px 0px 0px;
text-align:left;
}

#footer .logo{font-size:18px;}

#footer #info .open{
font-size:12px;
color:#FFF;
margin-bottom:5px;
}
#footer p { color:#232323; }

ul.footnav{
/* float:right; */
width:590px;
float:left;
/* width:200px; */
padding:15px 5px;
margin:10px;
}

ul.footnav li{
/*float:left;*/
margin-bottom:10px;
padding:0 8px 0 15px;
font-size:12px;
background:url(../common/arrow1.png) no-repeat left center;
display:inline-block; 
}

ul.footmenu{
width:100%;
padding:10px 0px;
margin:5px 0px;
position:relative;
}

ul.footmenu li{
float:left;
margin-bottom:10px;
padding:0 7px 0 15px;
font-size:11px;
background:url(../common/list_arrow.png) no-repeat left center;
}

ul.footnav li.ft{
	padding:4px 5px;
	background:#1b96db;
	color:#FFF;
	border: 1px dotted #0c80c1;
}

#footer a{color:#232323;}
#footer a:hover{color:#36babb;}

#footer .hmenu .tel {
color:#333;
background:url(../common/tel_icon2.png) no-repeat left center;
font-size:24px;
/* text-shadow: 0px 1px 1px #191919; */
line-height:1.5;
padding:0px 5px 0px 22px;
margin:1px 2px 0px 2px;
vertical-align:middle;
}
#footer .hmenu.tel a { color:#333; }
#footer .hmenu .fax {
color:#333;
background:url(../common/fax_icon2.png) no-repeat left center;
font-size:24px;
/* text-shadow: 0px 1px 1px #191919; */
line-height:1.5;
padding:0px 2px 0px 22px;
margin:1px 2px 0px 2px;
vertical-align:middle;
}

address{
clear:both;
padding:10px;
text-align:center;
font-style:normal;
font-size:12px;
color:#FFF;
background:#015db2;
}

/*************
/* 見出し
*************/
h2.centering {
	line-height:1.7;
	color: #111;
	font-size:18px;
	font-weight:bold;
	position:relative;
	text-align:center;
	margin-bottom:15px;
}
h2.centering span { font-size:70%; color:#1da23c; width:100%; font-weight:normal; display:block; }

.title_bg {
	padding:0px;
	position:relative;
	border-top:1px solid #DBDBDB;
}

h2.title {
	padding:8px 0px 8px 0px;
	font-size:14px;
	font-weight:bold;
	position:relative;
	display:block;
}
h2.title span { color:#015db2; border-top:6px solid #015db2; font-size:140%; padding: 5px 5px 5px 5px; margin-right:10px; font-weight:normal; }

h2.bar { background:url(../common/bar.png) no-repeat left center; border-bottom:1px dotted #DDD; padding:5px 5px 5px 15px; font-size:20px; font-weight:bold; color:#111; text-align:left; line-height:1.4; }
h2.bar a { color:#2f9c9d; }
h2.bar span { font-size:70%; display:block; }

h2.title_logo {
	line-height:50px;
	padding:0px 5px 0px 15px;
	text-shadow: 1px 1px 2px #124492;
	color: #FFFFFF;
	border:1px solid #CCC;
	-webkit-box-shadow: 0 0 0px 0 #ccc, inset 0 0 2px 0 #FEFEFE;
	-moz-box-shadow: 0 0 0px 0 #ccc, inset 0 0 2px 0 #FEFEFE;
	box-shadow: 0 0 0px 0 #ccc, inset 0 0 2px 0 #FEFEFE;
	border-radius: 0px 0px 0px 0px;        /* CSS3草案 */
	-webkit-border-radius: 0px 0px 0px 0px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 0px 0px 0px 0px;   /* Firefox用 */
	font-size:16px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
	behavior: url(../common/PIE.htc); /* for IE */
	background-image: url(../common/title_bg1.png) ;
	background-repeat: no-repeat;
	background-position: right center;
}
h2.title_logo span { font-size:70%; color:#FEFEFE; padding-left:1em; }

h2.news_title {
	background: url(../common/news_icon.png) no-repeat left center;
	line-height:40px;
	padding:0px 5px 0px 30px;
	color: #444;
	border-bottom:#7fc71b 3px solid;
	font-size:16px;
	font-weight:bold;
}

h2.grd {
	background: url(../common/title_bg.png) no-repeat 8px center, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #40bdbd), color-stop(0.00, #60c9c9));
	background: url(../common/title_bg.png) no-repeat 8px center, -webkit-linear-gradient(#60c9c9, #40bdbd);
	background: url(../common/title_bg.png) no-repeat 8px center, -moz-linear-gradient(#60c9c9, #40bdbd);
	background: url(../common/title_bg.png) no-repeat 8px center, -o-linear-gradient(#60c9c9, #40bdbd);
	background: url(../common/title_bg.png) no-repeat 8px center, -ms-linear-gradient(#60c9c9, #40bdbd);
	background: url(../common/title_bg.png) no-repeat 8px center, linear-gradient(#60c9c9, #40bdbd);
	line-height:40px;
	padding:0px 5px 0px 20px;
	text-shadow: 1px 1px 3px #36babb;
	color: #FFF;
	border:#40bdbd 1px solid;
	-webkit-box-shadow: 0 0 0px 0 #ccc, inset 0 0 5px 0 #ccefec;
	-moz-box-shadow: 0 0 0px 0 #ccc, inset 0 0 5px 0 #ccefec;
	box-shadow: 0 0 0px 0 #ccc, inset 0 0 5px 0 #ccefec;
	border-radius: 1px;        /* CSS3草案 */  
    -webkit-border-radius: 1px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 1px;   /* Firefox用 */
	font-size:16px;
	font-weight:bold;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc); /* for IE */
}


h3.bar { background:url(../common/bar.png) no-repeat left center; border-bottom:1px dotted #DDD; padding:5px 5px 5px 15px; font-size:20px; font-weight:bold; color:#111; text-align:left; line-height:1.4; }
h3.bar a { color:#2f9c9d; }
h3.bar span { font-size:70%; display:block; }

h3.title {
	line-height:40px;
	padding:1px 5px 1px 5px;
	color: #111;
	border-bottom:3px solid #00aacd;
	font-size:16px;
	font-weight:bold;
	position:relative;
	background:#FFF;
}
h3.title span { font-size:70%; color:#444; padding-left:1em; font-weight:normal; }


h3.title1 {
	background:url(../common/title1_bg.png) repeat-x center bottom;
	line-height:40px;
	padding:0px 5px 0px 10px;
	text-shadow: 1px 1px 3px #FFFFFF;
	color: #333333;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	border-radius: 2px 2px 0px 0px;        /* CSS3草案 */  
    -webkit-border-radius: 2px 2px 0px 0px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px 2px 0px 0px;   /* Firefox用 */
	font-size:14px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc); /* for IE */
}
h3.title1 span { font-size:70%; color:#444; padding-left:1em; }

h3.title2 {
	background:url(../common/title_bg.png) no-repeat left center;
	line-height:40px;
	margin-bottom:10px;
	padding:0px 5px 0px 18px;
	text-shadow: 1px 1px 3px #FFFFFF;
	color: #333333;
	border:#DDDDDD 1px solid;
	/*-webkit-box-shadow: 0 0 5px 0 #999, inset 0 0 10px 0 #fff;
	-moz-box-shadow: 0 0 5px 0 #999, inset 0 0 10px 0 #fff;
	box-shadow: 0 0 5px 0 #999, inset 0 0 10px 0 #fff;*/
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	font-size:16px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
}

h3.title2 span {
	font-size:80%;
	color:#2d6db6;
	margin:0px 10px 0px 10px;
}

h3.title3 {
	background:url(../common/title_bg.png) no-repeat left center;
	line-height:40px;
	margin-bottom:10px;
	padding:0px 5px 0px 20px;
	text-shadow: 1px 1px 2px #000;
	color: #3399b0;
	/*border:#DDDDDD 1px solid;*/
	/*-webkit-box-shadow: 0 0 5px 0 #999, inset 0 0 10px 0 #fff;
	-moz-box-shadow: 0 0 5px 0 #999, inset 0 0 10px 0 #fff;
	box-shadow: 0 0 5px 0 #999, inset 0 0 10px 0 #fff;*/
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	font-size:16px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
}

h3.title3 span {
	font-size:80%;
	color:#2d6db6;
	margin:0px 10px 0px 10px;
}

h3.line { border-bottom:3px solid #015db2; margin-bottom:10px; font-size:16px; font-weight:bold; line-height:1.7; color:#015db2; padding:5px 0px; }


/* 両サイド水平線 */
h2.b_line {
	position: relative;
	text-align: center;
	/*font-size:20px;*/
	font-weight:bold;
        border:none;
}
h2.b_line span {
	position: relative;
	color:#222;
	/* font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif; */
	font-size:36px;
	z-index: 2;
	display: inline-block;
	margin: 1em 2em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
h2.b_line::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #015db2;
}

h3.b_line {
	position: relative;
	text-align: center;
	/*font-size:20px;*/
	font-weight:bold;
        border:none;
}
h3.b_line span {
	position: relative;
	font-size:26px;
	z-index: 2;
	display: inline-block;
	margin: 1em 2em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
h3.b_line::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #00aacd;
}


.A_BOX {
	background:#F1F1F1;
	color:#232323;
	margin:5px auto 30px auto;
	padding:10px;
	border:#FFFFFF 1px solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
}


/**** h3.jisseki ******/
h3.jisseki {
	background:url(../common/arrow_f.png) no-repeat 10px center #fe6e0e;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	margin:10px auto 10px auto;
	padding:10px 10px 10px 20px;
	border:1px solid #cbcbcb;
	-webkit-box-shadow: 0 0 0px 0 #ccc, inset 0px 0px 0px 1px #FFF;
	-moz-box-shadow: 0 0 0px 0 #ccc, inset 0px 0px 0px 1px #FFF;
	box-shadow: 0 0 0px 0 #ccc, inset 0px 0px 0px 1px #FFF;
}
h3.jisseki a { color:#FFF; }

/**** h3.lime ******/
h3.lime {
	background:url(../common/arrow_f.png) no-repeat 6px center #9C0;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	margin:10px auto 10px auto;
	padding:10px 10px 10px 20px;
	border:1px solid #cbcbcb;
	-webkit-box-shadow: 0 0 0px 0 #ccc, inset 0px 0px 0px 1px #FFF;
	-moz-box-shadow: 0 0 0px 0 #ccc, inset 0px 0px 0px 1px #FFF;
	box-shadow: 0 0 0px 0 #ccc, inset 0px 0px 0px 1px #FFF;
}
h3.lime a { color:#FFF; }


/******* G_BOX ******/
.G_BOX {
	background:#FFF;
	border:1px solid #ed7eaf;
	-webkit-box-shadow: 0 0 0px 0 #ccc, inset 0px 0px 0px 5px #f2a3c5;
	-moz-box-shadow: 0 0 0px 0 #ccc, inset 0px 0px 0px 5px #f2a3c5;
	box-shadow: 0 0 0px 0 #ccc, inset 0px 0px 0px 5px #f2a3c5;
	margin:10px auto 10px auto;
	padding:15px;
}
/******* greeting ******/
.greeting {
	margin:0px auto 0px auto;
	padding:20px 0px;
	border:0px solid #d0d0d0;
	text-align:left;
}
.greeting h3 { color:#015db2; font-size:18px; font-weight:bold; text-shadow:1px 1px 2px #FFF; margin-bottom:10px; }
.greeting p { font-size:14px; line-height:1.7; }

/******* N_BOX ******/
.N_BOX {
	background:#FFF;
	margin:10px auto 10px auto;
	padding:10px;
	border:0px solid #d0d0d0;
	-webkit-box-shadow: 0 0 0px 0 #ccc, inset 0px 0px 0px 0px #eaeaea;
	-moz-box-shadow: 0 0 0px 0 #ccc, inset 0px 0px 0px 0px #eaeaea;
	box-shadow: 0 0 0px 0 #ccc, inset 0px 0px 0px 0px #eaeaea;
}

/******* GALLERY_BOX ******/
.GALLERY_BOX {
	margin:10px auto 10px auto;
	padding:15px;
	border:1px solid #d0d0d0;
	-webkit-box-shadow: 0 0 0px 0 #ccc, inset 0px 0px 0px 5px #eaeaea;
	-moz-box-shadow: 0 0 0px 0 #ccc, inset 0px 0px 0px 5px #eaeaea;
	box-shadow: 0 0 0px 0 #ccc, inset 0px 0px 0px 5px #eaeaea;
}




/******* W_BOX ******/
.W_BOX {
	background:#FFF;
	margin:10px auto 10px auto;
	padding:10px;
	border:1px solid #d0d0d0;
	-webkit-box-shadow: 0 0 0px 0 #ccc, inset 0px 0px 0px 5px #eaeaea;
	-moz-box-shadow: 0 0 0px 0 #ccc, inset 0px 0px 0px 5px #eaeaea;
	box-shadow: 0 0 0px 0 #ccc, inset 0px 0px 0px 5px #eaeaea;
}

.W_BOX dl { }
.W_BOX dl dt { font-size:20px; border-bottom:1px solid #ff83c0; padding:5px; margin-bottom:5px; }
.W_BOX dl dd { font-size:16px; padding-left:5px; }


.blue_bg { background:url(../common/blue_bg.png) repeat; padding:5px; }

.rinen { font-size:16px; /* text-align:center; */ }
ol.rinen li { font-size:16px; line-height:1.8; padding:5px 0px; }


.T_BOX {
	background:#E6E6E6;
	line-height:2em;
	margin-bottom:10px;
	padding:10px;
	text-shadow: 1px 1px 3px #EDEDED;
	color: #161616;
	background-color: #FFF4EA;
    background: -moz-linear-gradient(top, #E7E7E7, #FEFEFE); /* mozilla */
    background: -webkit-gradient(linear, center top, center bottom, from(#E7E7E7), to(#FEFEFE)); /* Webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E7E7E7', endColorstr='#FEFEFE'); /* IE5.5以上 */
	-webkit-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	-moz-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	border: 1px #CCCCCC solid;
	border-radius: 6px;        /* CSS3草案 */
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 6px;   /* Firefox用 */
	font-size:12px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
	behavior: url(../common/PIE.htc);	      /* CSS3 PIE */
}


dl.catebox { }
dl.catebox dt { }
dl.catebox dd { font-size:12px; line-height:1.4em; }
dl.catebox dd img { margin:5px 5px 5px 0px; float:left; }
dl.catebox dd span.shousai1 { padding:5px; color:#FFFFFF; background:#fdc1c1; margin-top:5px; }

section.news_bg {
	margin:5px auto;
	height:240px;
	overflow-y: auto;
	border:0px solid #d8dee2;
}
dl.news_box {
	border-bottom:1px dashed #d8dee2;
	background:#FEFEFE;
	padding:2px 0px;
	text-align:left;
}
dl.news_box:nth-child(2n) { background:#FFFFFF; }
dl.news_box dt {
	font-weight:bold;
	float:left;
	width:12%;
	padding:2%;
}
dl.news_box dd {
	float:left;
	width:80%;
	padding:2%;
}
dl.news_box dd span.update { margin-right:5px; padding:2px 4px; display:inline; font-size:75%; background:#0e3962; color:#FFF; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; }
dl.news_box dd span.topics { margin-right:5px; padding:2px 4px; display:inline; font-size:75%; background:#4caee2; color:#FFF; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; }

.news_box .kiji { float:left; width:80%; }
.news_box .thumb { float:right; margin-left:1%; width:16%; padding:0.5%; background:#FFF; -webkit-box-shadow: 0 0 0px 0 #ccc, inset 0 0 0px 1px #DDD;
	-moz-box-shadow: 0 0 0px 0 #ccc, inset 0 0 0px 1px #DDD;
	box-shadow: 0 0 0px 0 #ccc, inset 0 0 0px 1px #DDD; }
.news_box .thumb img { width:100%; vertical-align:bottom; }

.access {
	margin:5px auto;
}


/*************
サイドバー コンテンツ
*************/

#sidebar .bar {
	margin-bottom:0px;
	background:url(../common/footmark.png) no-repeat right center;
}

#sidebar .bar img {
    width: 100%;
	vertical-align:bottom;
}

#sidebar .banner {
	margin-bottom:15px;
}

#sidebar .banner img {
    width: 100%;
	vertical-align:bottom;
}

#sidebar img.banner {
	width:100%;
}

#sidebar img.g_border {
	border:1px solid #9C0;
}

/*************
サイドバー サイドメニュー
*************/

#sidebar .flow {
	background:url(../common/flow_icon.png) no-repeat 8px center;
	line-height:1.8;
	padding:10px 10px 10px 40px;
	margin-bottom:15px;
	border:#dbdbdb 1px solid;
	border-radius: 2px; 
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
	font-size:18px;
	font-weight:bold;
}
#sidebar .flow a { color: #015db2; }
#sidebar .flow a:hover { color: #111; }

#sidebar .faq {
	background:url(../common/faq_icon.png) no-repeat 8px center;
	line-height:1.8;
	padding:10px 10px 10px 40px;
	margin-bottom:15px;
	border:#dbdbdb 1px solid;
	border-radius: 2px; 
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
	font-size:18px;
	font-weight:bold;
}
#sidebar .faq a { color: #015db2; }
#sidebar .faq a:hover { color: #111; }

/*************
カラー
*************/
.red { color:#C00;}
.gold { color:#8f894a;}
.orange { color:#F90;}
.green { color:#9C0;}
.blue { color:#027dcb;}
.pink { color:#F69;}

/*************
フォント
*************/
.bb { font-weight:bold; }
.f10 { font-size:10px;}
.f11 { font-size:11px;}
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f20 { font-size:20px;}
.f22 { font-size:22px;}
.f24 { font-size:24px;}
.f26 { font-size:26px;}

/*************
クリアー
*************/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	overflow:hidden;
	zoom:1;
}

.clear {
	clear:both;
}

/*************
フロート
*************/
.fl { float:left; }
.fr { float:right; }


/*************
フェイスブック
*************/
div.fb-like-box,
div.fb-like-box iframe[style],
div.fb-like-box span {
    width: 100% !important;
}

/*************
ページトップ
*************/
#pagetop { text-align:center;clear: both; /* margin-right:20px; */ }
#pagetop {
	display:block;
	overflow:hidden;
	clear:both;
	z-index:5;
	height:29px;
}
#pagetop a { border-radius: 2px 2px 0px 0px;
    -webkit-border-radius: 2px 2x 0px 0px;
    -moz-border-radius: 2px 2px 0px 0px; color: #FFF; background:#015db2; float:right; display:block; position:relative; padding:5px 15px 5px 15px;}
#pagetop a:hover { background:#009fb2; color:#FFF;}


/* PC用
------------------------------------------------------------*/
	#header_in{
	width:960px;
	padding:0.0% 0% 0.0% 0%;
	margin:0 auto;
	position:relative;
	}
	#wrapper_in, .inner{
	width:960px;
	padding:0% 0% 0% 0%;
	margin:0 auto;
	position:relative;
	}
	#header {  }
	
	#wrapper{
	/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0.02, #fff), color-stop(0.00, #f3f3f3));
background: -webkit-linear-gradient(top, #f3f3f3 0%, #fff 2%);
background: -moz-linear-gradient(top, #f3f3f3 0%, #fff 2%);
background: -o-linear-gradient(top, #f3f3f3 0%, #fff 2%);
background: -ms-linear-gradient(top, #f3f3f3 0%, #fff 2%);
background: linear-gradient(to bottom, #f3f3f3 0%, #fff 2%); */
	}
	
  nav#mainNav{
	overflow:hidden;
	position:relative;
	width:100%;
	/* height:46px; */
	margin:0px auto 0px auto;
	padding:5px;
	/* background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FBDADE), color-stop(0.00, #FBDADE));
background: -webkit-linear-gradient(#FBDADE, #FBDADE);
background: -moz-linear-gradient(#FBDADE, #FBDADE);
background: -o-linear-gradient(#FBDADE, #FBDADE);
background: -ms-linear-gradient(#FBDADE, #FBDADE);
background: linear-gradient(#FBDADE, #FBDADE); */
	}
	
	nav#mainNav .inner{
	width:960px;
	/*height:32px;*/
	padding:10px;
	}

	nav#mainNav ul li{
	float: left;
	position: relative;
	/* background:url(../common/nav_line.png) no-repeat left center; */
	/* border-left:1px dashed #DDD;*/
	border-right:1px dotted #0065ac;
	box-shadow:1px 0px 0px #FFF inset;
	}

	nav#mainNav li:first-child{border-left: none; box-shadow:none;}
	nav#mainNav li:last-child{ }

	nav#mainNav ul li a {
	display: block;
	text-align: center;
	text-shadow:0px 0px 2px #FFF;
	_float:left;
	font-size:14px;
	font-weight:bold;
	/* min-width:80px; */
	width:148px;
	/* height:32px; */
	line-height:1.4;
	padding:0px 5px 0px 5px;
	color:#0065ac;
	margin:0px auto;
	}

	nav#mainNav ul li a span, nav#mainNav ul li a strong{
	display:block;
	}

	nav#mainNav ul li a span{
	color:#ccc;
	font-size:10px;
	}

	nav div.panel{
	display:block !important;
	float:left;
	/* background:url(../common/nav_line.png) no-repeat right center; */
	/* border-right:1px dashed #DDD;*/
	border-left:1px dotted #0065ac;
	box-shadow:1px 0px 0px #FFF;
	}

	a#menu{display:none;}

	nav#mainNav li.active a, nav#mainNav li a:hover{
	color:#222;
	padding-top:0px;
	text-shadow:1px 1px 2px #FFF;
	/* background:url(../common/navi_on.png) no-repeat center center; */
	}
	
	#mainBanner{margin:0px 0px 17px 20px; }
	#subpage #mainBanner{margin:0px auto;}
	#subBanner{margin:0px 0px 17px 0px; }
	
	#main{
	float:left;
	width:720px;
	padding-left:0px;
	}
	#main.wide{
	float:none;
	width:100%;
	}
	
	#sidebar{
	float:right;
	width:210px;
	padding:0px 0px 20px 0px;
	overflow:hidden;
	}
	
	#sidebar article{
	padding:3px;
	margin-bottom:20px;
	border:1px solid #DDDDDD;
	background:#F9F9F9;
	overflow:hidden;
	}
	
	#sidebar article.bluebox{
	padding:8px;
	margin-bottom:20px;
	border:1px solid #DDDDDD;
	background:#336ECA;
	overflow:hidden;
	}
	
	#sidebar article.contbox {
	padding:8px 8px 8px 8px;
	margin:0px auto 20px auto;
	border:1px solid #81d7ce;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	background:#FFF;
	overflow:hidden;
	}
	#sidebar article.contbox h3 { text-align:center; font-size:15px; margin-bottom:5px; padding-bottom:8px; border-bottom:1px dashed #CCC; }
	#sidebar article.contbox h4 {
		background:none;
		padding:0px;
		border:none;
	}
	#sidebar article.contbox p { margin-bottom:8px; }
	
	#main article.contbox {
	padding:24px 5px 2px 10px;
	margin:-14px auto 20px auto;
	border:1px solid #DDDDDD;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background:#FFF;
	overflow:hidden;
	}
	
	#main article.contact_bg {
	padding:24px 5px 0px 10px;
	margin:-14px auto 20px auto;
	border:1px solid #115eca;
	background:url(../common/contact_bg.png) no-repeat left bottom;
	overflow:hidden;
	}
	#main article.contact_bg img { max-width:100%; }
	



	
	#topMainBnr			{ width:100%; padding:0px 0px 0px 0px; margin:0px auto 0px auto;
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #91dbd4), color-stop(0.02, #7bd3cc), color-stop(0.00, #64ada7));
background: -webkit-linear-gradient(top, #64ada7 0%, #7bd3cc 2%, #91dbd4 100%);
background: -moz-linear-gradient(top, #64ada7 0%, #7bd3cc 2%, #91dbd4 100%);
background: -o-linear-gradient(top, #64ada7 0%, #7bd3cc 2%, #91dbd4 100%);
background: -ms-linear-gradient(top, #64ada7 0%, #7bd3cc 2%, #91dbd4 100%);
background: linear-gradient(to bottom, #64ada7 0%, #7bd3cc 2%, #91dbd4 100%); */
/* background:url(../images/slide_bg.png) no-repeat center center; */
 border-top:0px solid #CCC; }
	#topMainBnr.subpage { width:100%; padding:0px 0px 0px 0px; margin:0px auto 0px auto; background:#f7f7f5;-webkit-box-shadow: 0 0 0px 0 #ccc, inset 0 0 5px 0 #CCC;
	-moz-box-shadow: 0 0 0px 0 #ccc, inset 0 0 5px 0 #CCC;
	box-shadow: 0 0 0px 0 #ccc, inset 0 0 5px 0 #CCC; }
	#topMainBnr img		{ width:100% !important; }
	#topMainBnr #site-name img	{ width:880px !important; }
	#topMainBnrFrame .slider li { } 
	#topMainBnrFrame	{ width:100%;min-height:80px; margin:0px auto; position:relative; }
	#topMainBnrFrame .catch { padding-top:0px; margin:0px auto; width:880px; z-index:100; } 
	#topMainBnrFrame .catch {
		position:absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;	
		}
	#topMainBnrFrame .catch2 {
		position:absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 347px;
		height:120px;
		}

	#topMainBnrFrame p { font-size:18px; padding-top:25px; margin:0px auto; width:960px; }
	
	.flex-control-nav, .flex-direction-nav { display:none; }