@charset "UTF-8";
/* モニター幅768px以下 */
@media only screen and (width:768px) {
body{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color:black;}
#wrapper{width:768px;margin:0 auto;padding:0;position:relative;top:-20px;}
#wrapper, .inner, ul#topnav {
	width:768px;
	padding:0;
}
#header {
	background:#ee5878 !important;z-index:99;position:relative;height:120px;padding:0;}
#header h1 {
	width:310px;
	float:left;
}
#header .info {
	float:left;width:400px;margin:0;
	padding:0;
}
#header .tel {width:236px;height:53px;margin:5px 0 0 15px;border:none;}
#header .tel a:hover{cursor:default !important;}
#header #mail {margin:5px 0 0 10px;width:70%;}

#mainImg{width:100%;border-bottom:1px solid #ee5878;margin-top:0px;z-index:1;position:relative;}
#mainImg p{clear:both;text-align:center;width:768px;height:auto;margin:0 auto;}



#main {float:right;width:690px;}

nav div.panel{display:block !important;}
a#menu{display:none;}
.mainNav ul#topNavUl{overflow:hidden;width:768px;margin:15px auto;}
* html .mainNav ul#topNavUl{height:1%;}
.mainNav ul#topNavUl li{float:left;text-align:center;margin:0 10px;letter-spacing:0.1em;}
.mainNav ul#topNavUl li:last-child{border:0;}
.mainNav ul#topNavUl a{font-size:12px;display:block;color:black;border-left:1px solid #fff;font-weight:bold;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;text-align:center;}
.mainNav ul#topNavUl span{color:#ee5878;font-size:9px;}
.mainNav ul#topNavUl a:hover{background:none;color:#d22c4f;}


ul.topnav{
clear:both;
overflow:hidden;
}

* html ul.topnav{height:1%;margin-top:20px;}

ul.topnav li{
}

/*
ul#topnav a{font-size:13px;display:block;color:black;border-left:1px solid #fff;font-weight:bold;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;text-align:center;}
ul#topnav a:hover{background:none;color:#d22c4f;}
ul#topnav a span{color:#ee5878;font-size:10px;}
ul#topnav a span:hover{}
*/

.titlePink{background:#ee5878;color:white;padding:5px 15px;font-weight:bold;font-size:14px;letter-spacing:0.2em;margin:15px 0;}
.titlePink span{font-size:9px;margin-left:10px;}


.topSec{width:48%;float:left;}
.topSec h1{}


#tAboutP01{float:left;width:100%;margin-top:15px;}
#tAboutP02{float:left;margin:15px 0 0 15px;width:90%;}
#topNews{margin-left:15px;}
#topNewsBox{margin-top:15px;height:120px;border:1px solid #ee5878;padding:15px;}
#topNews table{}
#topNews table tr{border-bottom:1px dashed #cccccc;}
#topNews table tr th{width:100px;border-radius:7px;background:orange;display:inline;padding:3px 8px;font-size:10px;}
#topNews table tr td{padding:0 0 0 15px;}

#topCont{margin:30px 0 0 0;}
#topCont section{width:32%;float:left;}
#topCont section#tContCenter{margin-left:2%;}
#topCont section#tContRight{margin-left:2%;}
#topCont section h1{padding:0;margin:0;line-height:1;}
#topCont section dl{padding:10px;border:3px solid #fcea76;}
#topCont section dl dt{}
#topCont section dl dd{}
#topCont section dl dd.topContDd01{}
#topCont section dl dd.topContDd02{margin-top:15px;}
#topCont section dl dd.topContDd02 a{width:100%;padding:5px 7px;font-weight:bold;letter-spacing:0em;font-size:9px;background:#ffdb10;color:black;border-radius:12px;}

#topBannerUl{margin-top:15px;}
#topBannerUl li{float:left;width:48%;}
#topBannerLiStyle{margin-left:15px;}

#footer{background:#eeeeee;padding:25px 0;}
#footBg{background:url(../images/common/footBg.jpg) repeat-x top left;height:21px;clear:both;margin:40px 0 0 0;}
#footNavUl{margin-left:20px;}
#footNavUl li{float:left;margin:0 0 0 10px;padding:0 0 0 10px;border-left:1px solid #555555;line-height:1;font-size:11px;letter-spacing:0.1em;}
#footNavUl li#footNavStyle{border:none;margin:0;padding:0;}
#footer p{width:252px;height:63px;margin:30px 0 0 20px;}
#footer address{margin:20px 0 0 20px;}


#side{width:25%;background:#ee5878;padding:2%;float:left;}
.sideTitle{font-size:14px;color:white;font-weight:bold;margin-bottom:10px;letter-spacing:0em;margin-top:20px;}
.sideTitle span{font-size:10px;margin-left:10px;}
#subNavUl{background:white;border-radius:20px;padding:15px;}
#subNavUl li{font-weight:bold;margin-top:10px;border-bottom:1px solid #d22c4f;padding-bottom:6px;}
#subNavUl li a{font-size:15px;display:block;}
#subNavUl li a span{font-size:10px;}
#subNavUl li a:hover{}

#sideCamp{}
#sideCamp dl{}
#sideCamp dl dd{text-align:right;font-weight:bold;}
#sideCamp dl dd a{color:white;font-size:10px;}
#sideCamp dl dd a:hover{color:yellow;}

#sideInfo{border-top:1px solid white;border-bottom:1px solid white;margin-top:30px;padding:15px 0;}
#sideInfo dt{font-weight:bold;color:white;font-size:15px;}
#sideInfo dt span{font-size:10px;margin-left:10px;}
#sideInfo dd{margin-top:7px;font-size:11px;letter-spacing:0em;}
#sideInfo dd img{width:100%;height:auto;}
#sideInfo dd a{font-weight:bold;border-radius:12px;padding:4px 12px;background:white;color:#d22c4f;}
#sideInfo dd a:hover{background:#d22c4f;color:white;}

article{float:left;margin:40px 0 0 2%;width:67%;}
#breadcrumb{}
#breadcrumb a{text-decoration:underline;color:#d22c4f;}
#breadcrumb a:hover{text-decoration:none;}

#subHeadImg{margin:15px 0 0 0;}

#workSec01{}
#workSec01 ul{background:url(../images/work/img01.jpg) no-repeat top right;margin-bottom:25px;}
#workSec01 ul li{list-style:circle inside;margin-top:5px;}

#rewardSec01 p{line-height:1.5;}
.rewardSec01Span01{font-size:30px;}
.rewardSec01Span02{font-size:50px;font-weight:bold;margin-left:10px;color:red;}

#chatroomSec01{}
#chatroomSec01 dl{width:48%;margin:1% 2% 1% 0;float:left;}
#chatroomSec01 dl dd.chatroomDd01{}
#chatroomSec01 dl dd.chatroomDd02{}

#recruitSec01{}
#recruitSec01 #recruitUl01{}
#recruitSec01 #recruitUl01 li{background:url(../images/recruit/recruitIcon.jpg) no-repeat left -2px;padding:0 0 0 25px;font-size:13px;margin-top:13px;}
#recruitSec01 #recruitUl01 li span{color:red;font-size:11px;}
#recruitSec01 #recruitUl02{background:#fcb3c2;margin-top:15px;padding:15px;}

#companySec01{}
#companySec01 table{border:1px solid #cccccc;border-bottom:none;width:100%;margin-bottom:25px;}
#companySec01 table th{padding:7px 15px;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;width:25%;background:#eeeeee;}
#companySec01 table td{padding:7px 15px;border-bottom:1px solid #cccccc;}

#contactNum{font-size:45px;margin:10px 0 25px 15px;vertical-align:middle;}
#contactNum a:hover{color:black;cursor:default !important;}
#contactNum img{width:26px;height:38px;margin-right:15px;}
#mail02{display:none !important;}

}