body {
	background-color:#FFFFFF;
}
@media screen {
/* PC用のスタイル記述 */
#wrapper {
	margin:0 auto 0 auto;

}
#header {
    width: 980px;
    margin: 0px auto;
}

#header h1 {color:#FFFFFF;float:left;padding:15px 50px 0 0;}
.head_01 {
	float:left;
}
.head_02 {
	float:right;
}


#main_pc {
	width:980px;
	margin:0 auto 10px auto;
	height:100%;
}
#main_pc h2 {}
#main_pc h2 img {}
#main_pc p {width:500px;background-color:#d35400;padding:10px;color:#FFF;line-height:130%;font-size:110%;margin:0 auto 0 auto;float:left;}

#main_pc .tel {width:350px;font-size:180%;line-height:170%;text-align:center;float:left;margin:0 0px 0 30px;}

#main_sp, .tel {display:none;}


#nav_ph {display:none;}
#nav {
	width:980px;
	height:42px;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
}
#nav ul {
	width:980px;
	height:42px;
	margin:0 auto 0 auto;
}
#nav ul li a{
	display:block;
	width:300px;
	height:42px;
	float:left;
	background:url(../images/menu_bg.png) no-repeat;
	padding-top:22px;
	font-size:200%;
	text-align:center;
	color:#d35400;
}

.nav01 a, .nav02 a {margin-right:40px;}
.contents {
	width:100%;
	margin:0 auto 0 auto;
	overflow:hidden;
}
.contents h3{
	width:940px;
	color:#FFF;
	text-align:center;
}

.box_wrapper {
	overflow:hidden;
	padding:10px 0px 20px 0px;
}


.campaign{margin-top:30px;text-align:left!important;background-color:#fafafa!important;color:#333;}
.campaign h2{font-size:23px;margin-bottom:20px;padding-bottom:15px;padding-left:15px;padding-top:18px;font-weight:bold;background-color:#f4cb0b;color:#333;}
.campaign b{font-size:18px;padding-left:30px;}
.campaign p{margin-top:10px;margin-bottom:25px;padding:0;line-height:180%;padding-left:30px;}
.campaign table{background-color:#FFF;margin-left:30px;}
.campaign table tr{border:1px solid #888;}
.campaign table td{font-size:15px;padding:10px;border:1px solid #888;text-align:center;}


/* AREA */
.area_box, .category_box, .yahoo_box, .flow_box {
	width:980px;
	margin:0 auto 0 auto;
	background-color:#FFF;
	overflow:hidden;
	text-align:center;
}
.area_box p {line-height:150%;padding:5px 15px 25px 15px;text-align:left;font-size:130%;}
.area_box p a {color:#d35400;margin:0 5px 0 5px;}
.area_box p img {float:left;margin:0 25px 0 0;}
.gaiyou .kobutsu {float:left;padding:5px 0 15px 15px;font-size:85%;}
.area_box h3 {margin:0 0 25px 0;}
.area_box h4 {margin:0 0 15px 0;font-size:180%;padding:20px 0 0 50px;text-align:left;}

.hosoku {font-size:70%;margin-left:5px;}

/* AREA */

/* CATEGORY */
.category_box h3 {margin:0 0 30px 0;}
.category_box {}
.category_box p {height:58px;padding:5px 15px 15px 15px;font-size:120%;text-align:left;line-height:180%;width:30%;float:left;}

.category_box p img {float:left;margin:-15px 15px 0 0;}
.caption, .gaiyou {float:left;text-align:left;line-height:150%;clear:both;}
.gaiyou {padding:0 40px 0 40px;line-height:140%;margin:15px 0 0 0;}
.gaiyou img{float:left;}
.gaiyou a {color:#d35400;margin:0 5px 0 5px;text-decoration:underline;}
.gaiyou a:hover {color:#d35400;margin:0 5px 0 5px;text-decoration:none;}

/* CATEGORY */

/* YAHOO */
.yahoo_box {background-color:#f3f3f3;margin:0 auto 0 auto;}
.yahoo_box h3 {background-color:#858585;}
.yahoo_box h3 a {color:#FFF;}

.yahoo_box h3 img {float:right;margin:-16px 0 0 0;}
.yahoo_box p {padding:10px;font-size:120%;text-align:left;line-height:140%;}

.ybox01 {width:230px;float:left;margin:60px 20px 20px 40px;line-height:140%;}
.ybox02 {width:650px;float:left;margin:30px 0 10px 15px;}

.ybox {width:48%;float:left;margin:0 10px 20px 0;}
.ybox p {font-size:99%;line-height:170%;background-color:#FFF;min-height:50px;}
.ybox h4 {color:#333;background-color:#CCC;}


.ybox_l {width:97%;}

.ybox01 a {color:#d35400;margin:0 5px 0 5px;text-decoration:underline;}
.ybox01 a:hover {color:#d35400;margin:0 5px 0 5px;text-decoration:none;}
.ybox01 img {margin:0 0 5px 0;}
/* YAHOO */

/* FLOW */
.flow_box {padding-bottom:20px;}
.flow_box p {padding:25px 0 10px 48px;font-size:130%;line-height:180%;text-align:left;}
.flow_box p img {float:left;margin:0 12px 0 0;padding:0;margin-bottom:0;}
/* FLOW */


/* SATEI */
.satei {
	width:100%;
	margin:0 auto 0 auto;
	overflow:hidden;
	padding:15px 0 30px 0;
}
.satei h3 {
	width:860px;
	font-size:350%;
	color:#3a3a3a;
	padding:20px 0 20px 0;
	text-align:center;
}
.satei_box {
	width:850px;
	padding:0 20px 0 20px;
	margin:0 auto 0 auto;
	overflow:hidden;
	text-align:center;
}
.satei_box p {
}
.mr_b30{margin:-30px 15px 0 -60px;width:500px;}

.dial {margin-top:-13px;color:#ea5404;font-size:80%;}
.dial_l {font-size:200%;}
/* SATEI */

.box01, .box02, .box03, .box04 {width:225px;float:left;}
.box01, .box02 {}

/* FOOTER */
.pagetop {
	float:left;
	width:58px;
	height:49px;
	left:50%;
	position:fixed;
	bottom:0px;
	margin-left:500px;
}

/* FOOTER */
.bg_footer {background-color:#666;}
#footer {
	width:880px;
	background-color:#888;
	margin:0 auto 0 auto;
	text-align:center;
	padding:30px 50px 30px 50px;
	overflow:hidden;
	color:#FFF;
}
.footer_serv {
	width:840px;
	background-color:#FFF;
	color:#000;
	font-size:160%;
	margin:0 0 20px 0;
	border-radius: 10px;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	overflow:hidden;
	padding:10px 15px 28px 25px;
}
.footer_serv h3 {width:auto;font-size:120%;background:none;color:#333;margin:10px 0 5px 0;}
.footer_serv h4 {width:630px;float:right;margin:15px 0 0 0;text-align:left;}
.footer_serv img {float:left;}
#footer .footer_serv p {width:600px;text-align:left;font-size:75%;background:none;margin-top:10px;line-height:140%;}

.footer_link {width:580px;float:left;margin-top:20px;text-align:left;overflow:hidden;}
.footer_link h4 {width:300px;float:left;margin:28px 0 15px 0;font-size:115%;}
.footer_link img {float:left;margin:0 20px 0 0;}
#footer p {
	float:left;
	padding:1px 5px 1px 5px;
	margin-right:7px;
	background-color:#DDD;
	border-radius: 3px;
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
}
#footer p a {color:#666;text-decoration:none;}
#footer p a:hover {color:#888;text-decoration:none;}

#footer a {color:#FFF;}
.footer_num {float:right;width:300px;line-height:150%;text-align:right;margin:35px 0 5px 0;}

}



@media screen and (max-width: 979px) {
/* タブレット用のスタイル記述 */
#wrapper {
	width:728px;
	margin:0 auto;
	overflow:hidden;
	background:none;
}

#wrapper img {max-width:100%;height:auto;}
#header {
	width:728px;
	height:auto;
	float:left;
	text-align:center;
}
#header h1 {color:#FFFFFF;}

.head_02{width:100%;}



#main_pc {
	width:728px;
	margin-bottom:0px;
	float:left;
	height:auto;
}
#main_pc h2 {}
#main_pc h2 img {}
#main_pc p {
	width:90%;
	background-color:#d35400;
	padding:10px;
	color:#FFF;
	line-height:130%;
	margin:0 auto 15px auto;
}


#nav_ph {
	display:none;
}


#nav {
	background-color:#9EAEBD;
	width:728px;
	height:60px;
	margin:0 auto 0 auto;
	padding:0;
}
#nav ul {width:728px;height:60px;}
#nav ul li a {
	display:block;
	width:229px;
	height:40px;
	float: left;
	background-color:#B1BECA;
	padding-top:20px;
	font-size:180%;
	text-align:center;
	color:#d35400;
	background:url(../images/menu_bg.png) no-repeat;
}
.nav01 a, .nav02 a {
	margin-right:20px;
}


.contents {
	width:100%;
	background-color:#f6a518;
	margin:20px auto 0 auto;
	overflow:hidden;
}


.contents h3{
	width:688px;
/*	background-color:#ea5404;*/
	color:#FFF;
	font-size:230%;
	padding:20px;
	text-align:center;
	margin:0;
}

.box_wrapper {
	overflow:hidden;
	padding:10px 30px 20px 30px;
}


.area_box, .category_box, .yahoo_box, .flow_box{
	width:728px;

	background-color:#FFF;
	overflow:hidden;
	text-align:center;
}
.area_box p{line-height:150%;padding:5px 15px 0 15px;text-align:left;font-size:120%;overflow:hidden;}

.gaiyou {overflow:hidden;padding:0;}
.gaiyou .kobutsu{float:left;padding:5px 0 0 15px;font-size:85%;}
.gaiyou img{float:left;margin:20px;}

.sub_content {display:none;}
.box01, .box02, .box03, .box04 {
	width:25%;
	background-color:#FFF;
	float:left;
	margin-bottom:10px;
}
.box01, .box02{}

.area_box p a {color:#d35400;margin:0 5px 0 5px;}
#area .box_wrapper img {max-width:90%;}

/* CATEGORY */
.category_box h3 {margin:0 0 30px 0;}
.category_box p {
	height:58px;
	padding:5px 0 15px 15px;
	font-size:100%;
	text-align:left;
	font-size:120%;
	line-height:120%;
	width:30%;
	float:left;
}
.lname {font-size:90%;line-height:100%;}
.category_box p img {float:left;margin:-15px 15px 0 0;}
.caption, .gaiyou {float:left;}
/* CATEGORY */

/* YAHOO */
.yahoo_box{background-color:#f3f3f3;margin:0 auto 0 auto;clear:both;overflow:hidden;}
.yahoo_box h3{background-color:#858585;font-size:170%;}
.yahoo_box h3 img{float:right;margin:-16px 0 0 0;}
.yahoo_box p{padding:10px 0 10px 20px;font-size:120%;text-align:left;}
.ybox01, .ybox02, .ybox03, .ybox04{width:150px;float:left;margin:20px 0 20px 0;width:100%;}
.ybox01, .ybox02, .ybox03, .ybox04{margin:10px;}
.ybox01 p{display:none;}

.ybox {width:48%;float:left;margin:0 10px 20px 0;}
.ybox p {font-size:99%;line-height:170%;background-color:#FFF;min-height:40px;}
.ybox h4 {color:#333;background-color:#CCC;}
.ybox01 img{width:30%;margin:15px 0 0 0px;}
.ybox_l {width:97%;}



/* YAHOO */

/* FLOW */
.flow_box {padding-bottom:20px;}
.flow_box p {padding:20px 0 0 20px;font-size:120%;line-height:150%;text-align:left;}

.flow_box p img {float:left;margin:0 15px 0 0;padding:0;margin-bottom:0;width:160px;}
/* FLOW */


/* SATEI */
.satei {
	width:90%;
	margin:0 auto 0 auto;
	overflow:hidden;
}
.satei h3 {
	width:100%;
	font-size:300%;
	color:#3a3a3a;
	text-align:center;
	margin:0 auto 0 auto;
}
.satei_box {
	width:648px;
	padding:0;
	margin:0 auto 0 auto;
}
.satei_box img{max-width:620px;}
.satei_box p {
	width:100%;text-align:center;
}
.mr_b30{margin:0;}

.dial {color:#ea5404;font-size:80%;}
.dial_l {font-size:150%;}
/* SATEI */


#content_right {
	width:148px;
	float:right;
	background-color:#AAB67F;
	margin-bottom:20px;
}
/* FOOTER */
.pagetop {
	display:none;
}
.bg_footer {background-color:#666;}
#footer {
	width:668px;
	background-color:#999;
	margin:0 auto 0 auto;
	text-align:center;
	padding:30px;
	overflow:hidden;
	color:#FFF;
}
#footer h3 {
	width:100%;
	background-color:#FFF;
	color:#000;
	font-size:160%;
	padding:0;
	margin:0 0 10px 0;
	line-height:100%;
}
.footer_serv {
	width:580px;
	background-color:#FFF;
	margin:20px;
	border-radius: 10px;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	overflow:hidden;
	padding:20px;
}
.footer_serv h4 {float:right;color:#333;margin:15px 0 15px 0;text-align:left;width:340px;font-size:130%;}
#footer .footer_serv p {background-color:#FFF;color:#333;width:56%;float:left;text-align:left;line-height:160%;}
.footer_serv img{float:left;margin:15px;}






#footer p {
	float:left;
	padding:1px 5px 1px 5px;
	margin-right:7px;
	background-color:#DDD;
	border-radius: 3px;
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
	width:auto;
}
#footer p a {color:#666;text-decoration:none;}
#footer p a:hover {color:#888;text-decoration:none;}



#footer a {color:#FFF;}

.footer_link {float:left;width:100%;color:#FFF;text-align:left;margin-top:-10px;}
.footer_link h4 {width:400px;float:left;margin:28px 0 15px 0;font-size:150%;}


.footer_link img {float:left;margin:15px;}


.footer_num {font-size:120%;width:100%;text-align:center;float:left;margin:-20px auto 0 auto;}

.notab{display:none;}

/* FOOTER */


}


@media screen and (max-width: 620px) {
/* スマートフォン用のスタイル記述 */
#wrapper {width:620px;color:#333;}
#wrapper img {max-width:90%;height:auto;}
#header {
	width:100%;
	margin-bottom:10px;
	float:left;
	height:auto;
}
#header h1 {color:#FFFFFF;text-align:center;width:100%;color:#ea5404;font-size:120%;padding-top:10px;overflow:hidden;}
#wrapper .head_02 {float:right;width:100%;}



#main_pc, .notel{display:none;}
.tel {display:block;}


#main_sp {
	display:block;
	width:100%;
	text-align:center;
	background-color:#FFF;
	overflow:hidden;
	margin-bottom:25px;
}
#main_sp h2 {}
#main_sp h2 img {}
#main_sp p{float:left;width:540px;background-color:#d35400;padding:10px;color:#FFF;line-height:130%;margin:0 10px 15px 10px;padding:20px 30px 20px 30px ;font-size:200%;text-align:left;}


.sma {margin-top:-10px;width:150px;}
#nav {display:none;}

#nav_ph {
	background-color:#d35400;
	width:100%;
	margin-bottom:10px;
	display:block;
	padding:0;
}
#nav_ph ul {
	width:100%;
	margin:0 auto 15px auto;
	padding-bottom:15px;
}
#nav_ph ul li {
	width:300px;
	clear:both;
	text-align:center;
	margin:0 auto 0 auto;
	padding:0;
	max-height:60px;
}
#nav_ph ul li img {}
#nav_ph ul li a {color:#d35400;}

.nav01, .nav02, .nav03, .nav04 {margin-bottom:1px;}
.contents {width:620px;float:left;}
.contents h3 {width:100%;font-size:280%;overflow:hidden;padding:0;}

.box_wrapper {
	overflow:hidden;
	padding:10px 20px 20px 20px;
}

/* AREA */

.area_box, .category_box, .yahoo_box, .flow_box, .gaiyo_box {
	float:left;
	width: 100%;
	margin-bottom:0px;
	text-align:center;
}
.area_box p {line-height:130%;padding:15px 15px 15px 15px;text-align:left;}
.area_box p a {color:#d35400;margin:0 5px 0 5px;}

.gaiyou {margin-bottom:15px;padding:0 15px 0 15px;}
.gaiyou .kobutsu{width:590px;padding:5px 0 0 15px;font-size:85%;}
/* AREA */

/* CATEGORY */
.category_box h3 {margin:0 0 30px 0;}
.category_box p {height:58px;padding:5px 0 15px 10px;font-size:180%;text-align:left;line-height:250%;width:47%;float:left;}
.lname {font-size:70%;line-height:100%;}
.category_box p img {float:left;margin:0 3px 0 0;}
.caption, .gaiyou {float:left;font-size:160%;text-align:left;margin:20px 0 0 0;}
.category_box .caption p {height:auto;width:100%;line-height:130%;}
/* CATEGORY */

/* YAHOO */
.yahoo_box {background-color:#f3f3f3;margin:0 auto 0 auto;clear:both;overflow:hidden;}
.yahoo_box h3 {background-color:#858585;font-size:230%;}
.yahoo_box h3 img {float:right;margin:-11px 0 0 0;width:400px;}
.yahoo_box p {padding:10px 0 10px 20px;font-size:180%;text-align:left;}
.ybox01, .ybox02, .ybox03, .ybox04 {width:130px;float:left;margin:20px 0 20px 0;width:100%;}
.ybox01, .ybox02, .ybox03, .ybox04 {margin:10px;}
.ybox01 p{display:none;}
.ybox01 img{width:50%;margin:7px 0 0 140px;}

.ybox {width:48%;float:left;margin:0 10px 20px 0;}
.ybox p {font-size:120%;line-height:170%;background-color:#FFF;min-height:30px;padding:10px;}
.ybox h4 {color:#333;background-color:#CCC;font-size:120%;}
.ybox_l {width:97%;}
/* YAHOO */

/* FLOW */
.flow_box {padding-bottom:20px;}
.flow_box p {padding:20px 10px 0 45px;font-size:120%;line-height:150%;text-align:left;overflow:hidden;}
.flow_box p img {float:left;margin:0 20px 20px 0;padding:0;width:254px;}
/* FLOW */


.box01, .box02, .box03, .box04{
	width:100%;
	background-color:#FFF;
	float:left;
	margin:0 0 10px 5px;
	font-size:180%;
}
.box01 {margin:0 0 0 5px;}

#area .box_wrapper img {max-width:100%;}

.box_wrapper img {max-width:60%;}
.area_box .box01 img {width:110%;float:left;margin-left:10px;}
.area_box .box02 img {width:110%;float:left;}
.area_box .box03 img {width:110%;float:left;}
.area_box .box04 img {width:110%;float:left;}


/* SATEI */
.satei {
	width:100%;
	margin:0 auto 0 auto;
	overflow:hidden;
	padding:0;
}
.satei h3 {
	width:100%;
	text-align:center;
	margin:0 auto 0 auto;
}
.satei_box {
	width:100%;
	padding:0;
	margin:0 auto 0 auto;
}
.satei_box p {
	width:100%;
	float:left;
	font-size:230%;
	line-height:170%;
	text-align:center;
}
.satei_btn_l {width:130%;}
.satei img {width:150%;}
.icon {display:none;}
.mr_b30 {margin-bottom:30px;}

.dial {color:#ea5404;font-size:80%;}
.dial_l {font-size:180%;}
.dial_l a {color:#ea5404;}

/* SATEI */


/* FOOTER */
.pagetop {
	display:none;
}
.bg_footer {background-color:#666;}
#footer {
	width:560px;
	background-color:#999;
	margin:0 auto 0 auto;
	text-align:center;
	padding:30px;
	overflow:hidden;
	color:#FFF;
}

.footer_serv {
	width:520px;
	background-color:#FFF;
	color:#000;
	font-size:160%;
	margin:0;
	border-radius: 10px;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	overflow:hidden;
	padding:30px 15px 28px 25px;
}
.footer_serv h3 {width:auto;font-size:130%;background:none;color:#333;margin:10px 0 5px 0;}
.footer_serv h4 {width:300px;float:right;margin:40px 0 0 0;text-align:left;font-size:120%;}
.footer_serv img {float:left;width:150px;}
#footer .footer_serv p {width:500px;text-align:left;font-size:110%;background:none;margin-top:10px;line-height:140%;}

.small {float:left;}

.footer_link {float:left;color:#FFF;}
.footer_link h4 {width:320px;float:left;margin:28px 0 15px 0;font-size:150%;}
.footer_link img {}




#footer p {
	float:left;
	padding:1px 5px 1px 5px;
	margin-right:7px;
	background-color:#DDD;
	border-radius: 3px;
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
	width:auto;
}
#footer p a {color:#666;text-decoration:none;}
#footer p a:hover {color:#888;text-decoration:none;}



#footer a {color:#FFF;}
.footer_num {float:right;font-size:160%;width:100%;text-align:center;margin:15px 10px 10px 0;}
/* FOOTER */

}