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


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


     全端末共通のCSS
-------------------------- */

/* --------------------------
     all-font
-------------------------- */

h1{margin:0px; font-size:12px; font-weight:100; }

h2.colum{ font-size:17px;  font-weight:bold; margin:5px 0px; color:#000;}

h2{ font-size:15px;  font-weight:bold; border-bottom:1px dotted #333; margin-bottom:15px;}

h2.img{ margin:5px 0px; border:none;}

h2.title{margin:0px; font-size:15px; font-weight:bold; color:#fff; background-color:#999; padding:5px 8px; margin:5px 0px;}

h3.title{ font-size:15px;  font-weight:bold; border-bottom:1px dotted #333; margin-bottom:5px;}

h3.blue{ font-size:15px;  font-weight:bold; margin-bottom:5px; color:#006;}

h3{margin:0px; font-size:12px; font-weight:100; display:inline; }

h4{margin:0px; font-size:12px; font-weight:100; display:inline; }

body {font-size: 12px; color: #2b2b2b;font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐ ゴシック", sans-serif; line-height: 1.5;	}

#ID{ color : #2b2b2b; text-decoration:none; font-size : 12px; font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐ ゴシック", sans-serif;}
	

body p {margin: 0 0 20px 0;	font-size: 12px;line-height: 1.7;	}
	
div {font-size: 12px;}

a:link    {  text-decoration: underline;  color: #004dff;}

a:visited {  text-decoration:underline;  color: #004dff;}

a:hover   {  text-decoration: underline;  float : none;  clear : none;  position: relative;  top :1pt;  left :1pt;  color: #1D8FCD;}

.back_gray{ font-size:15px; font-weight:bold; color:#fff; background-color:#999; padding:5px;}

.back_grayd{ font-size:15px; font-weight:bold; color:#fff; background-color:#666; padding:5px;}

.back_blue{ font-size:15px; font-weight:bold; color:#fff; background-color:#06F; padding:5px;}

.back_black{ font-size:15px; font-weight:bold; color:#fff; background-color:#000; padding:5px;}

.back_red{ font-size:15px; font-weight:bold; color:#fff; background-color:#F00; padding:5px;}

.big_gray{ font-size:14px; font-weight:bold; color:#333;}

.big_blue{ font-size:14px; font-weight:bold; color:#06F;}

.big_black{ font-size:14px; font-weight:bold; color:#000;}

.big_red{ font-size:14px; font-weight:bold; color:#F00;}

.b_red{ font-size:12px; font-weight:bold; color:#F00;}


/* --------------------------
     all-area
-------------------------- */

body { position: relative; left: 0; overflow-x: hidden;}

body.open{ position: fixed;}

#button {	background: #EEE;border: 1px solid #DDD;border-radius: 4px;	-moz-border-radius: 4px;-webkit-border-radius: 4px;	color: #1D8FCD;width: 100px;padding: 10px 0; float:right; margin-right:5px; margin-top:-3px;}

.button{ list-style-type:none; margin-left:-50px;}

.button_title{ list-style-type:none; margin-left:-50px; padding:10px; font-size:15px; font-weight:400; background-color:#1D8FCD; color:#fff;}

.button a {display: block;position: relative;padding: 10px 25px 10px 20px;border-bottom: 1px solid #D9D9D6;background: #FFF;color: #333;font-size: 14px;text-decoration: none;text-align:left;}

.button a:after {display: block;content: "";position: absolute;top: 50%;right: 10px;width: 6px;height: 6px;margin: -4px 0 0 0;border-top: solid 2px #1D8FCD;border-right: solid 2px #1D8FCD;
-webkit-transform: rotate(45deg); transform: rotate(45deg);	text-align:left;}	

#container{	width:100%;	margin: 0 auto;	margin-top:15px;margin-bottom:50px; position: relative;}

#contents{	width:95%;	margin-bottom:50px; margin:0 auto;}

#dropmenu{	display:none;}

#footer{width:100%;	background-color:#EEE;	height:120px;}

.foot_a{display:none;}

.foot_b{width:48%;	float:left;}


#foot_a{display:none;}

#foot_b{display:none;}

#foot_c{display:none;}

.foot_d li { padding: 5px;}

.foot_d ul {  -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -ms-transition: all 0.5s;  -o-transition: all 0.5s;  transition: all 0.5s;  margin: 0;  padding: 0; list-style: none;}


#footer_end{width:100%;	height:35px;background-color:#333; color:#fff; line-height:250%;}

#foot_contents{	display:none;}

#flow_three{ width:100%;}

#flow_three dl {  float: left;  width: 95%;}

#flow_three dt {  margin: 0; margin:5px; font-weight:bold;}

#flow_three dd {  margin: 0; margin:5px; text-align:left; line-height:200%;}

#flow_two{ width:100%; clear:both;}

#flow_two dl {  float: left;  width: 95%;}

#flow_two dt {  margin: 0; margin:5px; font-weight:bold;}

#flow_two dd {  margin: 0; margin:5px; text-align:left; line-height:200%;}

#flow_one{ width:100%;}

#flow_one dl {  float: left;  width: 95%;}

#flow_one dt {  margin: 0; margin:5px; font-weight:bold;}

#flow_one dd {  margin: 0; margin:5px; text-align:left; line-height:200%;}

#header { width: 100%;	margin:0 auto;	text-align:left;padding-top: 10px;}

html {   position: relative;  overflow-x: hidden;}

.info_contents{ display:none;}

.info_contents2{width:95%;	float:left;	}

.layer{ position: fixed; top: 0; z-index: 1;  display: none; width: 100%;  height: 100%; background-color: transparent;}

.link_l{ width:95%; padding:3px; float:left;}

.link_r{ width:95%; padding:3px; text-align:left; float:left; line-height:200%;} 

#menu{	display:none;}

.menu_pc{display:none;}

#menu_sp{display:block;	width:100%;	margin-bottom:0px;	margin-top:15px; clear:both; text-align:center;}

.menu_sp_l{	width:32%; height:30px;float:left; background-color:#333; color:#fff; line-height:250%; padding:2px; border-right:1px #ADADAD solid;}

.menu_sp_r{	width:31%; height:30px;float:left; background-color:#333; color:#fff; line-height:250%; padding:2px;}

a.wt{color:#fff; text-decoration:none;}

p.one{	margin:15px;}

.pc{ display:none;}

#wrapper {  width: 100%;   margin: 0 auto;   text-align:center;   overflow: hidden;}

.slicknav_menu { display:block;}

#scroll_title{float:left;width:20%;	height:27px;border-top: 1px solid #333;	border-left: 1px solid #333;border-bottom: 1px solid #333;	background-color:#333;	color:#fff;	line-height: 2.5;}

#scroll{width:100%;margin: 0 auto; }

#slide_menu{ position: absolute; top: 0; left: -180px; width: 180px; height: 100%; background: #F2F2F2; z-index:1;}

#_title{float:left;width:20%;	height:30px;border-top: 1px solid #333;	border-left: 1px solid #333;border-bottom: 1px solid #333;	background-color:#333;	color:#fff;	line-height: 2.5;}

.comment_c{ line-height:200%; padding:5px; clear:both;}

.top_con_l{ display:none;}

.top_con_r{ width:95%; padding:2px; border:1px dotted #333; float:right; text-align:left;}

.top_con_l_nobor{ width:47%; padding:2px; float:left; text-align:left;}

.top_con_r_nobor{ width:47%; padding:2px; float:right; text-align:left;}

.top_con_in{ width:95%; padding:5px; float:left;}

.top_con_in_text{ width:95%; float:left; line-height:200%; margin-top:5px; padding:5px;}

.top_or_in{ width:32%; padding:5px; float:left;}

.top_or_in_text{ width:61%; float:left; line-height:200%; margin-top:5px; padding:5px;}

#waku {	background: #fff;border: 2px solid #cecece;border-radius: 4px;	-moz-border-radius: 4px;-webkit-border-radius: 4px; width: 95%;padding: 5px;}

#waku_mh {background: #fff;border: 2px solid #cecece;border-radius: 4px;	-moz-border-radius: 4px;-webkit-border-radius: 4px; width: 95%;padding: 5px; text-align:left; margin:15px 0px; line-height:200%; clear:both}


/* --------------------------
     all-img
-------------------------- */

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

.img_bor{border:1px solid #CCC;}

.logo {	position:absolute	top:10px;left:10px;  width:25%;}

.mail {  display:none;}

.card {	display:block;  float:left;  border-style:none;  margin-top:10px; width:30%;}

.main_img_sp{	display:block;}

.main_img_pc{display:none;}

.menu_img1{margin:0px 0px 15px;}

.tel{ display:none;}

.other_s{ margin:7px; width:40%;}

.sp_title_img{ margin-top:0px;}

.sp_title_img2{ margin-top:30px;}

.top_menu{width:80%;}

.img_l{float:left; clear:both; margin-top:10px;}

.img_r{float:right;}

.img_r_sp{ display:none;}

.img_lm{float:left; margin:10px;}

.top_cam_relative{ display:none;}


/* --------------------------
     all-hr
-------------------------- */

hr {  width: 100%;  clear:both;  border:#DFDFDF 1px solid;  margin:0 auto;}

hr.style-one {	width:95%;	display:block;border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); }

hr.style-two {display:none;}

hr.style-three {display:none;}

hr.style-five {  border: 0; height: 0;  border-top: 1px solid rgba(0, 0, 0, 0.1);   border-bottom: 1px solid rgba(255, 255, 255, 0.3);	margin:10px 0px;clear:both;}

/* --------------------------
     all-line
-------------------------- */

#main_line {background-image:url(gif/main_bg.gif);	width: 100%;    margin: 0 auto;    height:auto;	clear:left;}

#main_line_info {  background-color: #F6F6F6;width: 100%;   margin: 0 auto;    height:auto;	clear:left;}

.other_line{ width:95%; margin:0 auto; padding:10px 20px; }

.menu_line{	width:100%;	line-height:2;	text-align:left;margin-left:5px;}

/* --------------------------
     all-table
-------------------------- */

table.payment{	border: 1px solid #999; width: 98%;	border-collapse: separate;	border-spacing: 0px;line-height:2em;color:#333;	text-align:center;	margin:auto; clear:both;}	

table.corp{width: 98%;	border-collapse: separate;	border-spacing: 0px;line-height:2em;color:#333;	text-align:center;	margin:auto; clear:both; text-align:left;}	

th.payment{	border: 1px solid #999;	width:50%;	padding:5px;background-color:#F3F3F3;font-weight:bold;	color:#666;}

th.corp{ border-bottom: 1px dotted #333;	width:30%;	padding:5px;font-weight:bold;color:#666; text-align:left;}

th.corp_r{border-bottom: 1px dotted #333;	width:60%;	padding:5px;font-weight:bold;color:#666; text-align:left;}

th.payment_red{	border: 1px solid #999;	width:40%;	padding:5px;	background-color:#af4339;font-weight:bold;	color:#fff;}

th.payment_three{	border: 1px solid #999;	width:30%;	padding:5px;	background-color:#F3F3F3;font-weight:bold;	color:#666;}

th.payment_two{border: 1px solid #999;	width:18%;	padding:5px;	background-color:#F3F3F3;font-weight:bold;	color:#666;}

th.payment_gr{	border: 1px solid #999;	width:40%;	padding:5px;background-color:#444;	font-weight:bold;color:#fff;}

td.payment{	border: 1px solid #999;	padding:5px;background-color:#FFF;}

td.payment_g{	border: 1px solid #999;	padding:5px;background-color:#F6F6F6;}

td.payment_bl{	border: 1px solid #999;	padding:5px;background-color:#EBF3FC;}

td.payment_nobo{border-bottom: 1px dotted #999;	padding:5px;}



/* --------------------------
     小型タブレット端末
-------------------------- */
@media (min-width: 481px) {


} /* /@media */


/* --------------------------
     大型タブレット端末
-------------------------- */
@media (min-width: 681px) {


/* --------------------------
     pc-area
-------------------------- */

#button{ display:none;}
	
#container{	width:98%;margin: 0 auto;	margin-top:30px;margin-bottom:50px;}
	
#contents{	width:72%;float:left; margin-left:15px;  float:right; margin-bottom:30px;}
	
#dropmenu{	display:block; list-style-type: none;  width: 100%;  height: 28px;  margin: 0 auto;  padding: 0;  background: #fff;  border-bottom: 5px solid(#036498, #9dddff, #9dddff, #036498);}

#dropmenu li{  position: relative;  width: 14%;  float: left;  margin: 0;  padding: 0;  text-align: center; z-index:100;left: 1%;}

#dropmenu li a{  display: block;  margin: 0;  padding: 15px 0 11px;  color: #333;  font-size: 13x;  font-weight: bold;  line-height: 1;  text-decoration: none;}

#dropmenu li ul{  list-style: none;  position: absolute;  top: 100%;  left: 0;  margin: 0;	padding: 0;  border-radius: 0 0 3px 3px;}

#dropmenu li:last-child ul{  left: 0%;  width: 100%}

#dropmenu li ul li{  overflow: hidden;  width: 100%;  height: 0;  color: #fff;  -moz-transition: .2s;  -webkit-transition: .2s;  -o-transition: .2s;  -ms-transition: .2s;  transition: .2s;
}
#dropmenu li ul li a{  padding: 13px 15px;  background: #1D8FCD;  text-align: left;  font-size: 12px;  font-weight: normal;  color: #76cefb;
}
#dropmenu li:hover > a{  background: #1D8FCD;  color: #fff;
}
#dropmenu > li:hover > a{  border-radius: 3px 3px 0 0;}

#dropmenu li:hover ul li{  overflow: visible;  height: 38px;  border-top: 1px solid #9dddff;  border-bottom: 1px solid #036498;
}
#dropmenu li:hover ul li:first-child{  border-top: 0;}

#dropmenu li:hover ul li:last-child{  border-bottom: 0;}

#dropmenu li:hover ul li:last-child a{  border-radius: 0 0 3px 3px;}


#dropmenu2{	display:block;  list-style-type: none;  width: 20%;  height: 60px;  margin: 0 auto;  padding: 0;  background: #fff;  float:left;  clear:both;
}
#dropmenu2 li{  position: relative;  width: 100%;  float: left;  margin: 0;  padding: 0;  text-align: center;
}
#dropmenu2 li a{  display: block;  margin: 0;}

#dropmenu2 li ul{  list-style: none;  position: absolute;  top: 100%;  left: 0;  margin: 0;	padding: 0;
}
#dropmenu2 li:last-child ul{  left: 0.5%;  width: 100%}

#dropmenu2 li ul li{ overflow: hidden; width: 100%;  height: 0;  color: #fff;  -moz-transition: .2s;  -webkit-transition: .2s;  -o-transition: .2s;  -ms-transition: .2s;  transition: .2s;
}
#dropmenu2 li ul li a{  text-align: left;}

#dropmenu2 li:hover > a{  color: #fff;}

#dropmenu > li:hover > a{  border-radius: 3px 3px 0 0;}

#dropmenu2 li:hover ul li{  overflow: visible;  height: 40px;}

#dropmenu2 li:hover ul li:first-child{  border-top: 0;}

#dropmenu2 li:hover ul li:last-child{  border-bottom: 0;}

#dropmenu2 li:hover ul li:last-child a{  border-radius: 0 0 3px 3px;}

#footer2{	width:100%;	background-color:#FCFCFC;	height:260px;}

.foot{	width:98%;height:auto;margin: 0 auto;	text-align:left;padding-top:10px;}

.foot_a{display:block;	width:24%;height:auto;float:left;}

.foot_a a:link{	text-decoration:none;	color:#333;}

.foot_a a:visited{	text-decoration:none;	color:#333;}

.foot_a a:hover   { text-decoration:none;  color: ffffff;  float : none;  clear : none;  position: relative;  top :1pt;  left :1pt;}

.foot_b{	width:30%;	height:auto;	float:right;}

#foot_a{display:block;width:20%;	height:auto;float:left;}

#foot_a a:link{	text-decoration:none;	color:#333;}

#foot_a a:visited{	text-decoration:none;	color:#333;}

#foot_a a:hover   { text-decoration:underline;  color: ffffff;  float : none;  clear : none;  position: relative;  top :1pt;  left :1pt;}

#foot_b{display:block;	width:20%;	height:auto;float:left;}

#foot_b a:link{	text-decoration:none;	color:#333;}

#foot_b a:visited{	text-decoration:none;color:#333;}

#foot_b a:hover   { text-decoration:underline;  color: ffffff;  float : none;  clear : none;  position: relative;  top :1pt;  left :1pt;}

#foot_c{	display:block;	width:20%;height:auto;float:right;}

#foot_c a:link{	text-decoration:none;	color:#333;}

#foot_c a:visited{	text-decoration:none;	color:#333;}

#foot_c a:hover   {text-decoration:underline;  color: ffffff;  float : none;  clear : none;  position: relative;  top :1pt;  left :1pt;}

#foot_contents{	display:block;	width:98%%;margin: 0 auto;	margin-top:15px;margin-bottom:10px;	clear:both;	height:auto;}

#foot_contents dl {  float: left;  margin-right :15px;}

#foot_contents dd {  margin: 0;  padding: 0;}

dd.comment {  height: 4em;  padding: 0 5px;  line-height: 1.3;}

.foot_img{	margin-top:15px;border:none;margin-right:20px;	width:230px;}

#footer_end{display:block;	width:100%;	height:35px;background-color:#333;text-align:center;}

.foot_linkimg{	margin-left:-20px;}

#flow_three{ width:100%; clear:both;}

#flow_three dl {  float: left;  width: 33%;}

#flow_three dt {  margin: 0; margin:10px; font-weight:bold;}

#flow_three dd {  margin: 0; margin:10px; text-align:left; line-height:200%;}

#flow_two{ width:100%;}

#flow_two dl {  float: left;  width: 48%;}

#flow_two dt {  margin: 0; margin:10px; font-weight:bold;}

#flow_two dd {  margin: 0; margin:10px; text-align:left; line-height:200%;}

#header {  	width: 98%;	margin:0 auto;	text-align:left;padding-top: 10px;}

#info_contents{	display:block;	width:100%;	float:left;	line-height:1.5;margin:30px 0px 30px;}

.info_contents{	width:30%;	float:left;	border:none;}

.info_contents2{width:70%;	float:left;	}

.link_l{ width:45%; padding:3px; float:left;}

.link_r{ width:50%; padding:3px; text-align:left; float:right; line-height:200%;} 

	
#menu{	display:block;	width:24%;margin-right:15px;	float:left;	margin-bottom:30px;}

#menu_sp{display:none;}

.slicknav_menu{ display:none;}

#slide_menu{ position: fixed; top: 0; left: -240px; width: 240px;  height: 100%;  background: #FFF;}

#scroll_title{float:left;width:20%;	height:27px;border-top: 1px solid #333;	border-left: 1px solid #333;border-bottom: 1px solid #333;	background-color:#333;	color:#fff;	line-height: 2.5;}

#scroll{width:100%;margin: 0 auto; }

#top_con{ width:100%; margin:0px 0px 15px;}

.top_con_l{ width:47%; padding:5px; border:1px dotted #333; float:left; text-align:left; display:block;}

.top_con_r{ width:47%; padding:5px; border:1px dotted #333; float:right; text-align:left;}

.top_con_l_nobor{ width:46%; padding:10px; float:left; text-align:left;}

.top_con_r_nobor{ width:46%; padding:10px; float:right; text-align:left;}

.top_con_in{ width:28%; padding:2px; float:left;}

.top_con_in_text{ width:62%; float:left; line-height:180%; margin-top:5px;}

.top_or_in{ width:28%; padding:5px; float:left;}

.top_or_in_text{ width:62%; float:left; line-height:200%; margin-top:5px; padding:5px;}

.top_item_l{ width:32%; padding:0px; float:left;}

.top_item_r{ width:32%; padding:0px; float:right;}

.other_line{ width:100%; margin:0 auto; padding:10px 0px;}

#waku {	background: #fff;border: 2px solid #cecece;border-radius: 4px;	-moz-border-radius: 4px;-webkit-border-radius: 4px; width: 98%;padding: 5px;margin:15px 0px 30px;}

#waku_mh {background: #fff;border: 2px solid #cecece;border-radius: 4px;	-moz-border-radius: 4px;-webkit-border-radius: 4px; width: 98%;padding: 5px; text-align:left; margin:15px 0px 30px; line-height:200%;}

/* --------------------------
     pc-img
-------------------------- */
.logo {  position:relative;  float:left;  border-style:none;  width:100px;  margin-bottom:10px;  margin-top:10px;}

.mail {	display:block;  float:right;  border-style:none;  margin-top:16px;  margin-left:30px; width:160px;}

.card {	display:block;  float:right;  border-style:none;  margin-top:16px;  margin-left:30px; width:160px;}

.main_img_sp{display:none;}

.main_img_pc{	display:block;	margin:0 auto;}

.tel { display:block; float:right;  border-style:none; margin-top:16px;  margin-left:30px;width:160px;}

.other_s{ margin:7px; width:110px;}

.img_r_sp{float:right; display:block;}

.top_cam_relative{ display:none;}

.menu_img2{ display:none;}

.menu_img3{ display:none;}

/* --------------------------
     pc-hr
-------------------------- */

hr.style-one {	width:95%;	display:block;border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); }

hr.style-two {display:block;height: 5px;background-color: #1D8FCD;border: 2px solid;border-color: #036498 #fee9e9 #fee9e9 #036498;color: #ff8080;}

hr.style-three {display:block;   border: 0;    height: 0;   border-top: 1px solid rgba(0, 0, 0, 0.1);    border-bottom: 1px solid rgba(255, 255, 255, 0.3);	margin-bottom:0px;	margin-top:0px;}

hr.style-for {display:block;   border: 0;   height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); }

hr.style-five {  border: 0; height: 0;  border-top: 1px solid rgba(0, 0, 0, 0.1);   border-bottom: 1px solid rgba(255, 255, 255, 0.3);	margin:0px; clear:both;}

hr.style-wt {	width:95%;	display:block; border:#fff;}



/* --------------------------
     pc-line
-------------------------- */


.menu_line{	width:1050px;margin:0 auto;	line-height:3;}


/* --------------------------
     pc-table
-------------------------- */


table.title{border: 1px solid #333; width: 100%; border-collapse: separate;	border-spacing: 0px;line-height:2em;color:#333;	text-align:center;	margin:15px 0px 30px;	float:left;	clear:both;}

th.title{	border-bottom: 1px dotted #333;	padding:8px;background-color:#999;	text-align:left; font-weight:bold; color:#fff;}

td.title_w{	border-bottom: 1px dotted #333;	padding:8px;background-color:#FFF;	text-align:left;}

td.title_g{	border-bottom: 1px dotted #333;	padding:8px;background-color:#F9F9F9;	text-align:left;}


/* --------------------------
     pc-dd/ul
-------------------------- */


ul.foot{color:#333;	list-style-type:disc;	line-height: 2;}

#info_contents.ul{	width:70%; margin:0px;	padding:0px;float:left;}

li.info{text-align:left;	border-bottom:1px dotted #666;	padding-top:5px;}



} /* /@media */



/* --------------------------
     PC端末
-------------------------- */ 
@media (min-width: 961px) {



/* --------------------------
     pc-area
-------------------------- */

#button{ display:none;}
	
#container{	width:1050px;margin: 0 auto;	margin-top:30px;margin-bottom:50px;}
	
#contents{	width:800px;float:left; margin-left:15px;  float:right; margin-bottom:30px;}
	
#dropmenu{	display:block; list-style-type: none;  width: 1050px;  height: 28px;  margin: 0 auto;  padding: 0;  background: #fff;  border-bottom: 5px solid(#036498, #9dddff, #9dddff, #036498);}

#dropmenu li{  position: relative;  width: 14%;  float: left;  margin: 0;  padding: 0;  text-align: center; z-index:100;left: 1%;}

#dropmenu li a{  display: block;  margin: 0;  padding: 15px 0 11px;  color: #333;  font-size: 13x;  font-weight: bold;  line-height: 1;  text-decoration: none;}

#dropmenu li ul{  list-style: none;  position: absolute;  top: 100%;  left: 0;  margin: 0;	padding: 0;  border-radius: 0 0 3px 3px;}

#dropmenu li:last-child ul{  left: 0%;  width: 100%}

#dropmenu li ul li{  overflow: hidden;  width: 100%;  height: 0;  color: #fff;  -moz-transition: .2s;  -webkit-transition: .2s;  -o-transition: .2s;  -ms-transition: .2s;  transition: .2s;
}
#dropmenu li ul li a{  padding: 13px 15px;  background: #1D8FCD;  text-align: left;  font-size: 12px;  font-weight: normal;  color: #76cefb;
}
#dropmenu li:hover > a{  background: #1D8FCD;  color: #fff;
}
#dropmenu > li:hover > a{  border-radius: 3px 3px 0 0;}

#dropmenu li:hover ul li{  overflow: visible;  height: 38px;  border-top: 1px solid #9dddff;  border-bottom: 1px solid #036498;
}
#dropmenu li:hover ul li:first-child{  border-top: 0;}

#dropmenu li:hover ul li:last-child{  border-bottom: 0;}

#dropmenu li:hover ul li:last-child a{  border-radius: 0 0 3px 3px;}


#dropmenu2{	display:block;  list-style-type: none;  width: 220px;  height: 60px;  margin: 0 auto;  padding: 0;  background: #fff;  float:left;  clear:both;
}
#dropmenu2 li{  position: relative;  width: 100%;  float: left;  margin: 0;  padding: 0;  text-align: center;
}
#dropmenu2 li a{  display: block;  margin: 0;}

#dropmenu2 li ul{  list-style: none;  position: absolute;  top: 100%;  left: 0;  margin: 0;	padding: 0;
}
#dropmenu2 li:last-child ul{  left: 0.5%;  width: 100%}

#dropmenu2 li ul li{ overflow: hidden; width: 100%;  height: 0;  color: #fff;  -moz-transition: .2s;  -webkit-transition: .2s;  -o-transition: .2s;  -ms-transition: .2s;  transition: .2s;
}
#dropmenu2 li ul li a{  text-align: left;}

#dropmenu2 li:hover > a{  color: #fff;}

#dropmenu > li:hover > a{  border-radius: 3px 3px 0 0;}

#dropmenu2 li:hover ul li{  overflow: visible;  height: 40px;}

#dropmenu2 li:hover ul li:first-child{  border-top: 0;}

#dropmenu2 li:hover ul li:last-child{  border-bottom: 0;}

#dropmenu2 li:hover ul li:last-child a{  border-radius: 0 0 3px 3px;}

#footer2{	width:100%;	background-color:#FCFCFC;	height:260px;}

.foot{	width:1050px;height:auto;margin: 0 auto;	text-align:left;padding-top:10px;}

.foot_a{display:block;	width:320px;height:auto;float:left;}

.foot_a a:link{	text-decoration:none;	color:#333;}

.foot_a a:visited{	text-decoration:none;	color:#333;}

.foot_a a:hover   { text-decoration:none;  color: ffffff;  float : none;  clear : none;  position: relative;  top :1pt;  left :1pt;}

.foot_b{	width:300px;	height:auto;	float:right;}

#foot_a{display:block;width:230px;	height:auto;float:left;}

#foot_a a:link{	text-decoration:none;	color:#333;}

#foot_a a:visited{	text-decoration:none;	color:#333;}

#foot_a a:hover   { text-decoration:underline;  color: ffffff;  float : none;  clear : none;  position: relative;  top :1pt;  left :1pt;}

#foot_b{display:block;	width:230px;	height:auto;float:left;}

#foot_b a:link{	text-decoration:none;	color:#333;}

#foot_b a:visited{	text-decoration:none;color:#333;}

#foot_b a:hover   { text-decoration:underline;  color: ffffff;  float : none;  clear : none;  position: relative;  top :1pt;  left :1pt;}

#foot_c{	display:block;	width:230px;height:auto;float:right;}

#foot_c a:link{	text-decoration:none;	color:#333;}

#foot_c a:visited{	text-decoration:none;	color:#333;}

#foot_c a:hover   {text-decoration:underline;  color: ffffff;  float : none;  clear : none;  position: relative;  top :1pt;  left :1pt;}

#foot_contents{	display:block;	width:1050px;margin: 0 auto;	margin-top:15px;margin-bottom:10px;	clear:both;	height:auto;}

#foot_contents dl {  float: left;  margin-right :15px;}

#foot_contents dd {  margin: 0;  padding: 0;}

dd.comment {  height: 4em;  padding: 0 5px;  line-height: 1.3;}

.foot_img{	margin-top:15px;border:none;margin-right:20px;	width:230px;}

#footer_end{display:block;	width:100%;	height:35px;background-color:#333;text-align:center;}

.foot_linkimg{	margin-left:-20px;}

#flow_three{ width:100%; clear:both;}

#flow_three dl {  float: left;  width: 33%;}

#flow_three dt {  margin: 0; margin:10px; font-weight:bold;}

#flow_three dd {  margin: 0; margin:10px; text-align:left; line-height:200%;}

#flow_two{ width:100%;}

#flow_two dl {  float: left;  width: 48%;}

#flow_two dt {  margin: 0; margin:10px; font-weight:bold;}

#flow_two dd {  margin: 0; margin:10px; text-align:left; line-height:200%;}

#header {  	width: 1050px;	margin:0 auto;	text-align:left;padding-top: 10px;}

#info_contents{	display:block;	width:100%;	float:left;	line-height:1.5;margin:30px 0px 30px;}

.info_contents{	width:30%;	float:left;	border:none;}

.info_contents2{width:70%;	float:left;	}

.link_l{ width:45%; padding:3px; float:left;}

.link_r{ width:50%; padding:3px; text-align:left; float:right; line-height:200%;} 

	
#menu{	display:block;	width:220px;margin-right:15px;	float:left;	margin-bottom:30px;}

#menu_sp{display:none;}

.slicknav_menu{ display:none;}

#slide_menu{ position: fixed; top: 0; left: -240px; width: 240px;  height: 100%;  background: #FFF;}

#scroll_title{float:left;width:20%;	height:27px;border-top: 1px solid #333;	border-left: 1px solid #333;border-bottom: 1px solid #333;	background-color:#333;	color:#fff;	line-height: 2.5;}

#scroll{width:1050px;margin: 0 auto; }

#top_con{ width:100%; margin:0px 0px 15px;}

.top_con_l{ width:46%; padding:10px; border:1px dotted #333; float:left; text-align:left; display:block;}

.top_con_r{ width:46%; padding:10px; border:1px dotted #333; float:right; text-align:left;}

.top_con_l_nobor{ width:46%; padding:10px; float:left; text-align:left;}

.top_con_r_nobor{ width:46%; padding:10px; float:right; text-align:left;}

.top_con_in{ width:32%; padding:2px; float:left;}

.top_con_in_text{ width:63%; float:left; line-height:200%; margin-top:5px;}

.top_item_l{ width:32%; padding:5px; float:left;}

.top_item_r{ width:32%; padding:5px; float:right;}

.other_line{ width:1050px; margin:0 auto; padding:10px 0px;}

#waku {	background: #fff;border: 2px solid #cecece;border-radius: 4px;	-moz-border-radius: 4px;-webkit-border-radius: 4px; width: 98%;padding: 5px;margin:15px 0px 30px;}

#waku_mh {background: #fff;border: 2px solid #cecece;border-radius: 4px;	-moz-border-radius: 4px;-webkit-border-radius: 4px; width: 98%;padding: 5px; text-align:left; margin:15px 0px 30px; line-height:200%;}

/* --------------------------
     pc-img
-------------------------- */
.logo {  position:relative;  float:left;  border-style:none;  width:140px;  height:60px;  margin-bottom:10px;  margin-top:10px;}

.mail {	display:block;  float:right;  border-style:none;  margin-top:16px;  margin-left:30px;}

.card {	display:block;  float:right;  border-style:none;  margin-top:16px;  margin-left:30px; width:220px;}

.main_img_sp{display:none;}

.main_img_pc{	display:block;	margin:0 auto;}

.tel { display:block; float:right;  border-style:none; margin-top:16px;  margin-left:30px;width:250px;}

.other_s{ margin:7px; width:160px;}

.top_menu{width:250px;}

.img_r_sp{float:right; display:block;}

.top_cam_relative{ position:relative; display:block;}

.top_cam{	position:absolute;	top: 290px;	left: 220px; opacity: 0.8; display:block;}

.menu_img2{margin:0px 0px 5px; float:left; display:block; }

.menu_img3{margin:0px 0px 5px; float:right; display:block; }


/* --------------------------
     pc-hr
-------------------------- */

hr.style-one {	width:95%;	display:block;border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); }

hr.style-two {display:block;height: 5px;background-color: #1D8FCD;border: 2px solid;border-color: #036498 #fee9e9 #fee9e9 #036498;color: #ff8080;}

hr.style-three {display:block;   border: 0;    height: 0;   border-top: 1px solid rgba(0, 0, 0, 0.1);    border-bottom: 1px solid rgba(255, 255, 255, 0.3);	margin-bottom:0px;	margin-top:0px;}

hr.style-for {display:block;   border: 0;   height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); }

hr.style-five {  border: 0; height: 0;  border-top: 1px solid rgba(0, 0, 0, 0.1);   border-bottom: 1px solid rgba(255, 255, 255, 0.3);	margin:0px; clear:both;}

hr.style-wt {	width:95%;	display:block; border:#fff;}



/* --------------------------
     pc-line
-------------------------- */


.menu_line{	width:1050px;margin:0 auto;	line-height:3;}


/* --------------------------
     pc-table
-------------------------- */


table.title{border: 1px solid #333; width: 100%; border-collapse: separate;	border-spacing: 0px;line-height:2em;color:#333;	text-align:center;	margin:15px 0px 30px;	float:left;	clear:both;}

th.title{	border-bottom: 1px dotted #333;	padding:8px;background-color:#999;	text-align:left; font-weight:bold; color:#fff;}

td.title_w{	border-bottom: 1px dotted #333;	padding:8px;background-color:#FFF;	text-align:left;}

td.title_g{	border-bottom: 1px dotted #333;	padding:8px;background-color:#F9F9F9;	text-align:left;}


/* --------------------------
     pc-dd/ul
-------------------------- */


ul.foot{color:#333;	list-style-type:disc;	line-height: 2;}

#info_contents.ul{	width:70%; margin:0px;	padding:0px;float:left;}

li.info{text-align:left;	border-bottom:1px dotted #666;	padding-top:5px;}

}





 /* /@media */