@charset "utf-8";

/* common
****************************************************/
*{ margin:0; padding:0; word-break:break-all; }
body{ font-size:14px; font-family:"Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif; }
img{ border:none; }
a{ color:#26A0D2; }
a:hover{ color:#FF9999; }
a:hover img{ opacity: 0.8; }
ul{ list-style:none; }


.fc-1{ color:#eb7a00; }

.mt-5{ margin-top:5px; }
.mt-10{ margin-top:10px; }
.mt-20{ margin-top:20px; }
.mt-30{ margin-top:30px; }
.mt-40{ margin-top:40px; }
.mt-50{ margin-top:50px; }

.col1ul li:before{ color:#7f7f7f; }
.ti1pl_ul li{ text-indent:-1.5em; padding-left:1.5em; }
.icon1ul li:before{ content:"●"; margin-right:.5em; }


/* モニター幅980px以上
**************************************************/
@media only screen and (min-width:980px){
.wrapper{ width:980px; margin:0 auto; padding-bottom:20px; }
#outline{
	border-top:10px solid #308ec0;
	border-left:1px solid #8b8583;
	border-right:1px solid #8b8583;
	border-bottom:1px solid #8b8583;
	padding:20px 19px;
}
h1{ margin-bottom:15px; }
#pgTitle{
	width:940px;
	height:70px;
	color:#006934;
	font-weight:bold;
	/** letter-spacing:1em;**/
	font-size:25px;
	background:url(images/title.png) bottom right no-repeat;
	border-bottom:6px solid #7ebe26;
}
#pgTitle p{ padding:20px 0 0 2em; }

/* globalNavi
****************************************************/
/*#globalNavi{ overflow:hidden; }
#globalNavi .col_l{ float:left; width:620px; }
#globalNavi .col_l ul{ letter-spacing: -0.4em; }
#globalNavi .col_l li{
	display:inline-table;
	vertical-align:top;
	margin-top:10px;
	letter-spacing:normal;
	text-align:center;
}
#globalNavi .col_l li a{
	display:table-cell;
	vertical-align:middle;
	background:url(images/icon_1.png) right bottom no-repeat;
	text-decoration:none;
	color:#231815;
	font-weight:bold;
	font-size:16px;
}
#globalNavi .col_l li{ width:300px; height:80px; }
#globalNavi .col_l .menu1, #globalNavi .col_l .menu3{ background-color:#b2e3f8; }
#globalNavi .col_l .menu2, #globalNavi .col_l .menu4{ background-color:#d8ecbe; }
#globalNavi .col_l .menu2, #globalNavi .col_l .menu4, #globalNavi .col_l .menu6{ margin-left:20px; }
#globalNavi .col_l .menu5, #globalNavi .col_l .menu6{ background-color:#fbad3c; }
#globalNavi .col_r{ float:right; width:300px; margin-top:10px; }
#globalNavi .col_r dl{
	border:2px solid #75cb83;
	background-color:#fffee8;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	height:256px;
	color:#006934;
	font-weight:bold;
}
#globalNavi dt{ font-size:25px; text-align:center; border-bottom:2px dotted #75cb83; margin:0 4px; padding:.3em; }
#globalNavi dd{ padding:0 15px; }
#globalNavi .msg{ font-size:17px; margin-top:.5em; line-height:31px; text-align:center; }
#globalNavi .tel{ text-align:center; }
#globalNavi .mail a{
	padding:13px 0 13px 50px;
	margin-top:5px;
	background:url(images/icon_mail.png) left center no-repeat #006934;
	display:block;
	text-align:center;
	font-size:16px;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
 }
#globalNavi .name{ margin-top:15px; text-align:center; }*/

/* contents
****************************************************/
.contents_inner{ padding:0 40px; }

/* read
****************************************************/
.read_1{ font-size:18px; text-align:center; font-weight:bold; margin-top:2em; }

/* headline
****************************************************/
.headline_1{ color:#ffffff; padding: 4px 10px 3px 45px; margin-top:30px; font-size:20px; line-height:1.5; }
.headline_2{ padding-left:36px; font-size:18px; line-height:1.5; display:block; }
.headline_3{ background-color:#f6ad3c; color:#ffffff; width:220px; font-size:14px; margin-top:3em; line-height:30px; text-align:center; }
.headlineBg_1{ background:url(images/icon_2.png) 10px 5px no-repeat #7ebe26; }
.headlineBg_2{ background:url(images/icon_2.png) 10px 5px no-repeat #66c6f2; }
.headlineBg_3{ background:url(images/icon_3.png) 0 0 no-repeat; color:#006934; }
.headlineBg_4{ background:url(images/icon_4.png) 0 0 no-repeat; color:#0080c2; }
.headlineBg_5{ background:url(images/icon_5.png) 0 0 no-repeat; color:#ef7f4e; }
.headlineBg_6{ background:url(images/icon_2.png) 10px 5px no-repeat #f8bf66; }

/* box
************************/
.box_1{ margin: 50px 10px 0; overflow:hidden; }
.box_3{ margin: 20px 10px 0; overflow:hidden; }

.box_2{ margin-top:20px; overflow:hidden; }
.box_2 .photo{ float:left; padding-right:40px; }
.box_2 .txt1, .box_2 .txt2{ margin-left:250px; }
.box_2 .txt1{ font-size:25px; font-weight:bold; margin-top:60px; margin-bottom:1em; }
.box_2 .type1bor{ border-right:8px solid #66c6f2; }
.box_2 .type1txt{ color:#00a0e9; }
.box_2 .type2bor{ border-right:8px solid #7ebe26; }
.box_2 .type2txt{ color:#006934; }
.box_2 .type3bor{ border-right:8px solid #f8bf66; }
.box_2 .type3txt{ color:#ef7f4e; }


/* img
************************/
.img_lef{ float:left; margin:0 20px 20px 0; }
.img_rig{ float:right; margin:0 0 20px 20px; }

/* radius
************************/
.radius_1, .radius_list img{ border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; }

/* photo
************************/
.photo3column{ list-style-type:none; overflow:hidden; margin-top:20px; }
.photo3column li{ float:left; margin-right:15px; }
.photo3column li:last-child{ margin-right:0; }
.photo3column img{ border:1px solid #cccccc; padding: 3px; }

/* custom
************************/
.custom_1{ margin-top:30px; padding-top:30px; border-top:1px dotted #8b8583; }
.custom_2{ margin-top:4em; }
.custom_2 strong{ color:#66c6f2; }
.custom_2 span{ margin-left:1em; }
.custom_3{ margin-left:480px; }

/* pagetop
****************************************************/
.pagetop{ text-align:right; margin-top:2em; }
.pagetop a{ color:#eb6100; font-weight:bold; text-decoration:none; border-bottom:3px solid #eb6100; }
.pagetop a:before{ content:"▶"; margin-right:2px; }

}

/* モニター幅979px以下
**************************************************/
@media only screen and (max-width:979px){

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

#outline{ border-top:10px solid #308ec0; padding:0 5px; }
h1{ margin-bottom:15px; text-align:center; }
#pgTitle{
	text-align:center;
	color:#006934;
	font-weight:bold;
/*	letter-spacing:1em;*/
	font-size:25px;
	background:url(images/title.png) bottom right no-repeat;
	background-size:100% auto;
	border-bottom:6px solid #7ebe26;
}


/* headline
****************************************************/
.headline_1{ color:#ffffff; padding-left:46px; margin-top:30px; font-size:16px; line-height:1.5; }
.headline_2{ padding-left:36px; margin-top:10px; font-size:16px; line-height:1.5; display:block; }
.headline_3{ background-color:#f6ad3c; color:#ffffff; display:block; margin:0 auto 20px auto; width:220px; line-height:30px; text-align:center; }
.headlineBg_1{ background:url(images/icon_2.png) 10px 5px no-repeat #7ebe26; }
.headlineBg_2{ background:url(images/icon_2.png) 10px 5px no-repeat #66c6f2; }
.headlineBg_3{ background:url(images/icon_3.png) 0 0 no-repeat; color:#006934; }
.headlineBg_4{ background:url(images/icon_4.png) 0 0 no-repeat; color:#0080c2; }
.headlineBg_5{ background:url(images/icon_5.png) 0 0 no-repeat; color:#ef7f4e; }
.headlineBg_6{ background:url(images/icon_2.png) 10px 5px no-repeat #f8bf66; }

/* box
************************/
.box_1{ margin: 40px 10px 0; overflow:hidden; }
.box_3{ margin: 20px 10px 0; overflow:hidden; }

.box_2{ margin-top:20px; overflow:hidden; }
.box_2 .photo{ text-align:center; }
.box_2 .txt1{ font-size:16px; font-weight:bold; margin-top:1em; }
.box_2 .type1txt{ color:#00a0e9; }
.box_2 .type2txt{ color:#006934; }
.box_2 .type3txt{ color:#ef7f4e; }


/* img
************************/
.img_lef, .img_rig{ display:block; text-align:center; margin-bottom:10px; }

/* radius
************************/
.radius_1, .radius_list img{ border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; }

/* photo
************************/
.photo3column{ list-style-type:none; margin-top:1em; }
.photo3column li{ text-align:center; margin-top:10px; }
.photo3column img{ border:1px solid #cccccc; padding: 3px; }

/* custom
************************/
.custom_1{ margin-top:1em; padding-top:1em; border-top:1px dotted #8b8583; }
.custom_2{ margin-top:1em; }
.custom_2 strong{ color:#66c6f2; }
.custom_3{}

/* pagetop
****************************************************/
.pagetop{ text-align:right; margin-top:2em; margin-bottom:1em; }
.pagetop a{ color:#eb6100; font-weight:bold; text-decoration:none; border-bottom:3px solid #eb6100; }
.pagetop a:before{ content:"▶"; margin-right:2px; }

}