*{
margin:0;
padding:0;
list-style:none;
text-decoration:none;
}
body {
font-size:14px;
line-height:1.3;
font-family : Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', 'メイリオ', 'sans-serif'; 
color:#505050;
}
header,
nav,
article{
margin:0 auto;
padding : 0;
max-width:480px;
overflow:hidden;
}
a {
color:#EB5D51;
}
h1 img{
width:100%;
}
section{
margin-top:10px;
}
.more{
text-align: right;
padding: 5px 15px 5px 0px;
font-size: 13px;
border: none;
margin-top: 0!important;
margin-bottom: 0!important;
position: relative;
font-weight:bold;
border-bottom:none!important;
margin-right: 10px;
}
.more:before{
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 0px;
width: 8px;
height: 8px;
margin-top: -4px;
background:#FF6666;
}
.more:after{
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 5px;
width: 8px;
height: 8px;
margin-top: -4px;
background: #FFF9CC;
}

/************************************************************topヘッダー*/

.top_hd{
padding:0;
}
.top_hd h1{
margin:0;
padding:0;
line-height: 0;
}

/************************************************************ぐろなび*/
#menu .mn01 {
background: url(../image/gn_icon01_renew.sp.480.png) no-repeat #EF8EA3;
background-position: left;
}
#menu .mn01:after{
background:#EF8EA3;
}
#menu .mn02 {
background: url(../image/gn_icon02_renew.sp.480.png) no-repeat #E9AC39;
background-position: left;
}
#menu .mn02:after{
background:#E9AC39;
}
#menu .mn03 {
background: url(../image/gn_icon03_renew.sp.480.png) no-repeat #25BAE5;
background-position: left;
}
#menu .mn03:after{
background:#25BAE5;
}
#menu .mn04 {
background: url(../image/gn_icon04_renew.sp.480.png) no-repeat #7ABD33;
background-position: left;
}
#menu .mn04:after{
background:#7ABD33;
}
#menu .mn04 a{
color:#ffffff;
display:block;
}
#menu{
	width:100%;
}
.archive{
background:#369;
color:#FFF;
padding:10px 0 10px 30px;
cursor:pointer;	
border-bottom:1px dashed #ffffff;
font-weight:bold;
position:relative;
text-shadow: 1px 2px 1px rgba(0,0,0,0.2);
}
.archive:before{
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 10px;
width: 10px;
height: 10px;
margin-top: -5px;
background: #ffffff;
}
.archive:after{
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 15px;
width: 10px;
height: 10px;
margin-top: -5px;
}



.subMenu li a{
background-color:#FFFACD;	
padding:10px;
border-bottom:1px dotted #ccc;
display:block;
position:relative;
}

.subMenu li a:before{
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 10px;
width: 8px;
height: 8px;
margin-top: -4px;
background:#FF6666;
}
.subMenu li a:after{
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 15px;
width: 8px;
height: 8px;
margin-top: -4px;
background: #FFF9CC;
}
/************************************************************更新情報*/
.new{
padding-bottom: 5px;
}
.new h2{
background:#665041;
}
.new span{
color:#505050;
font-size:11px;
}
.new p{
color: #9A3212;
font-weight: bold;
margin: 15px 5px 0 5px;
border-bottom: 2px dotted;
padding-bottom: 3px;
}

.new .schedule li{
padding:5px 10px;
}
.new .schedule li:last-child{
border-bottom:0;
}
.new .schedule li span{
color:#9A3212;
}
/************************************************************カウンセリングメニュー*/
.counseling{
padding-bottom:10px;
}
.counseling h2{
background:#EB5D51;
color: #FFF;
text-align: center;
border-radius: 10px 10px 0 0 ;
margin: 0 10px;
padding: 5px 0;
}
.counseling .in{
border:1px solid #EB5D51;
background:#FFF4DE;
margin: 0 10px;
}

.counseling .info{
text-align:center;
font-size:12px;
color:#9A3212;
}
.counseling h3{
background:#665041;
color: #FFF;
text-align: center;
margin: 0;
padding: 3px 0;
}
.counseling .serch{
color: #9A3212;
font-weight: bold;
margin: 15px 5px 0px;
border-bottom: 2px dotted;
padding-bottom: 3px;
}

.situ,
.aite{
background:#FFFACD
}
.aite{
padding-bottom:10px;
}
.situ .list,
.aite .list{
background:none;
}
.situ .list li a,
.aite .list li a{
border-bottom:1px dotted #9A3212;
padding:10px;
display:block;
}
.situ .bn_category,
.aite .bn_category{
margin:0 auto;
}
.situ .bn_category li,
.aite .bn_category li{
width:49%;
float:left;
border-right:1px dashed #FF7EA7;
border-bottom:1px dashed #FF7EA7;
}
.situ .bn_category li a,
.aite .bn_category li a{
height:40px;
line-height:40px;
padding-left:10px;
display:block;
font-weight:bold;
position:relative;
font-size: 13px;
}

.situ .bn_category li a:before,
.aite .bn_category li a:before{
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 5px;
width: 8px;
height: 8px;
margin-top: -4px;
background:#FF6666;
}
.situ .bn_category li a:after,
.aite .bn_category li a:after{
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 9px;
width: 8px;
height: 8px;
margin-top: -4px;
background: #FFF9CC;
}

.situ .bn_category li:nth-child(2n),
.aite .bn_category li:nth-child(2n){
border-right:none;
}
.aite .bn_category li{
border-bottom:none;
}
.aite .info{
text-align:left;
margin-left:5px;
}
.aite .bn_category span{
display:block;
font-size:9px;
line-height:10px;
color:#502F1C;
font-weight:nomal;
}
/************************************************************コーナーメニュー*/
.corner{
}
.corner ul li{
padding:5px 10px;
margin:5px 0;
border-bottom:1px dashed #cccccc;
}
.corner ul li img{
float:left;
max-width:70px;
height:auto;
margin-right:10px;
}
.corner ul li a{
display:block;
position:relative;
padding-right:20px;
height:100%;
}
.corner ul li a:before{
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 0px;
width: 10px;
height: 10px;
margin-top: -5px;
background:#F39CA6;
}
.corner ul li a:after{
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 5px;
width: 10px;
height: 10px;
margin-top: -5px;
background: #ffffff;
}
.corner .info{
color:#9A3212;
font-size:12px;
}
/********************************************dairy*/
.dairy{

}
.dairy h3{
background: none repeat scroll 0% 0% #EB5D51;
color: #ffffff;
text-align: center;
border-radius: 10px 10px 0px 0px;
margin: 0px 10px;
padding: 5px 0px;
}

.dairy .in{
margin:0 10px;
border: 1px solid #EB5D51;
padding:5px;
background:#FFF8EB;
}
.dairy .in .info{
color: #9A3212;
text-align: center;
padding: 5px auto;
font-size: 11px;
}
.dairy .in .qestion{
margin:5px;
font-weight:bold;
padding:5px;
border-bottom:2px dotted #EB5D51;
}
.dairy .in .answer li{
margin-bottom:5px;
}
.dairy .test{
margin: 0 10px;
}
.dairy .dairy_bn a{
margin:5px auto;
display:block;
color:#ffffff;
font-weight:bold;
text-align:center;
height:30px;
line-height:30px;
background: -moz-linear-gradient(top,  #00b7ea 0%, #009ec3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); 
background: -webkit-linear-gradient(top,  #00b7ea 0%,#009ec3 100%); 
width:180px;
border-radius:5px;
box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
}
