@charset 'utf-8';
@import url("common.css");

/*************************** ニュース*他基本スタイル *****************************/

/** リニュ前*/

#mainImage{
	background:url(../img/top_main.jpg) top left no-repeat;
	width:780px;
	height:196px;
	text-align:right;
}

#mainImage h2{
	padding:115px 10px 0 0;
	font-size:12px;
	line-height:1.3em;
	color:#630;
	font-weight:normal;
}

#mainImage p{
	padding:10px 10px 0 0;
	font-size:12px;
	font-weight:normal;
	line-height:1.3em;
	color:#630;
}


#mainItemBox{
	width:570px;
	height:300px;

	background:url(../img/top_shanpoo2.jpg) no-repeat top left;
}

#ItemimgBox{
	width:330px;
	height:30px;
	position:relative;
	top:55px;
	left:30px;
}

#ItemimgBox h3{
	font-size:12px;
	line-height:1.3em;
	color:#333;
	margin-bottom:3px;
	font-weight:normal;
}

#ItemimgBox h3 strong, #ItemimgBox p strong{
	color:#660;
}

#ItemimgBox h3 span{
	font-weight:normal;
}




#checkBox1{
	width:280px;
	height:20px;
	position:relative;
	top:145px;
	left:100px;
	text-align:right;
}

#checkBox2{
	width:280px;
	height:20px;
	position:relative;
	top:223px;
	left:100px;
	text-align:right;
}

#sunagawaBox{
	width:570px;
	height:170px;
	background:url(../img/sunagawa.jpg) no-repeat top left;
	margin-top:10px;
}

#h3Box{
	width:355px;
	position:relative;
	top:75px;
	left:200px;
}

#h3Box h3, #h3Box p{
	font-size:12px;
	line-height:1.2em;
	color:#333;
	letter-spacing : 0;
	font-weight:normal;
	display:inline;
}

#checkButton{
	width:350px;
	height:25px;
	position:relative;
	top:90px;
	left:200px;
	text-align:right;
}

.leftBlogBox{
	width:280px;
	float:left;
}

.blogBox{
	width:280px;
	margin-bottom:10px;
}

.blogBox ul{
	width:280px;
	list-style-type:none;
	padding:5px 0;
}

.blogBox ul li{
	background:url(../img/arrow_green.gif) no-repeat top left;
	background-position:0 4px;
	border-bottom:1px dotted #693;
	margin-bottom:5px;
}

.blogBox ul li h4{
	font-size:12px;
	line-height:1.3em;
	font-weight:normal;
	padding:0 0 0 15px;
}

.newssam{
	width:265px;
	margin:5px 0 0 0;
	float:right;
}

.newssam img{
	border:1px solid #CCC;
	padding:1px;
	float:left;
}

.newssam p{
	width:195px;
	font-size:12px;
	line-height:1.3em;
	font-weight:normal;
	color:#333;
	float:right;
}

.newssamDay{
	width:280px;
	text-align:right;
	float:right;
	padding-bottom:5px;
}

.newssamDay p, .sodansamDay p{
	font-size:10px;
	line-height:1.3em;
	letter-spacing:1px;
	color:#666;
}

#sodanBox{
	width:280px;
	float:right;
}

#sodanBox ul li h4{
	font-size:12px;
	line-height:1.3em;
	font-weight:normal;
	padding:5px 0 0 15px;
}

#sodanBox ul{
	width:280px;
	list-style-type:none;
	padding:5px 0 15px 0;
	background:#E8FFD5;
	clear:both;
}

#sodanBox ul li{
	background:url(../img/arrow_brawn.gif) no-repeat top left;
	background-position:0 8px;
	border-bottom:1px dotted #F60;
	margin:0 10px;
}

.sodansam{
	margin-top:5px;
}

.sodansam p{
	width:245px;
	font-size:12px;
	font-weight:normal;
	line-height:1.3em;
	color:#333;
	float:right;
}

.sodansamDay{
	width:200px;
	text-align:right;
	float:right;
	padding-bottom:5px;
}




/*リニュ後*/

img#officialbanner{
	margin-bottom:10px;}

#keyvisual{
	background:url(../img/keyvisual.jpg) top left no-repeat;
	width:780px;
	height:196px;
	text-align:right;
}

#keyvisual h2{
	padding:90px 10px 0 0;
	font-size:12px;
	line-height:1.3em;
	color:#630;
	font-weight:normal;
}

#keyvisual p{
	padding:10px 10px 0 0;
	font-size:12px;
	font-weight:normal;
	line-height:1.3em;
	color:#630;
}

.green{ color:#589129; font-weight:bold;}
.white{ color:#ffffff;}
#speedBox{
	width:570px;
	height:170px;
	background:url(http://www.shalom-cosme.com/img/speedbox.jpg) no-repeat;
	font-size:12px;
	line-height:1.3em;
	color:#333;
	position:relative;
	margin-bottom:10px;
	}
	
#speedBox p#speed01{
	width:360px;
	position:absolute;
	top:70px;
	left:17px;
	}	

#speedBox p#speed02{
	width:360px;
	position:absolute;
	top:138px;
	left:17px;
	color:#ffcccc;
	font-weight:bold;
	}	
#speedBox p#speed02 a{
	color:#00ff00;}



#coraboBox{
	width:570px;
	height:300px;
	background:url(../img/comb_nontan.jpg) no-repeat top left;
	position:relative;	
	margin-bottom:10px;
}

#coraboimgBox{
	width:330px;
	height:30px;
	position:absolute;
	top:45px;
	left:30px;
}

#coraboimgBox h3{
	font-size:12px;
	line-height:1.3em;
	color:#333;
	margin-bottom:3px;
	font-weight:normal;
}

#coraboimgBox h3 strong, #coraboimgBox p strong{
	color:#660;
}

#coraboimgBox h3 span{
	font-weight:normal;
}




#coraboBox #checkBox1{
	width:120px;
	height:17px;
	position:absolute;
	top:268px;
	left:130px;
	text-align:right;
}


#classBox{

	width:570px;
	height:208px;
	background:url(../img/classbox.jpg) no-repeat top left;
	margin-bottom:10px;
	position:relative;
	font-size:12px;
	line-height:1.3em;
}
#classBoxinner{
	position:absolute;
	top:70px;
	left:280px;
	}
	
#classBox2{

	width:570px;
	height:242px;
	background:url(../img/classbox2.jpg) no-repeat top left;
	margin-bottom:10px;
	position:relative;
	font-size:12px;
	line-height:1.3em;
}
#classBox2inner{
	position:absolute;
	top:100px;
	left:225px;
	}
	
#classBox2 ul{
	margin:5px 0px 0px 20px;
	color:#ff6600;
	font-weight:bold;
	}	
	
#classBox h3{ color:#ff0000; font-weight:bold;}
#classBox ul{
	margin:5px 0px 0px 20px;
	color:#ff6600;
	font-weight:bold;
	}

img#hitsuyoubutton{
	margin:5px 0px 0px 8px;
}


p.m_bottoms{ margin-bottom:10px;}

/*************************** カテゴリー・共通 *****************************/

.topCategoryBox{
	padding:10px 5px 10px 0;
	border-bottom:1px dotted #FF3300;
}

.entryTitle{
	background:url(../img/icon_sankaku.gif) top left no-repeat;
	font-size:12px;
	line-height:1.3em;
	color:#333;
	padding:3px 0 0 25px;
}

.entryEntryTitle{
	background:url(../img/icon_sankaku.gif) top left no-repeat;
	font-size:14px;
	font-weight:bold;
	line-height:1.3em;
	color:#390;
	padding:3px 0 0 25px;
}

.entryBody{
	margin-top:8px;
	background: url(../img/arrow_orange2.gif) top left no-repeat;
	background-position:27px 7px;
}

.entryBody p{
	font-size:12px;
	line-height:2.0em;
	color:#333;
	padding:0 0 8px 35px;
}

.day{
	width:530px;
	font-size:12px;
	line-height:1.3em;
	color:#666;
	padding:5px 0 0 0;
	text-align:right;
}

/*************************** カテゴリー・なんでも相談箱 *****************************/

.entryTitleSodan{
	background:url(../img/icon_mail.gif) top left no-repeat;
	font-size:12px;
	line-height:1.3em;
	color:#333;
	padding:3px 0 0 25px;
}

.entryEntryTitleSodan{
	background:url(../img/icon_mail.gif) top left no-repeat;
	font-size:14px;
	font-weight:bold;
	line-height:1.3em;
	color:#390;
	padding:3px 0 0 25px;
}

/************** コメント ***************/

.commentDay{
	width:500px;
	font-size:12px;
	line-height:1.3em;
	color:#666;
	padding:5px 0 0 0;
	text-align:right;
}

.entryComment{
	background: url(../img/arrow_orange2.gif) top left no-repeat;
	background-position:8px 8px;
	padding:3px 0 0 15px;
}

.entryComment p{
	font-size:12px;
	line-height:1.3em;
	color:#333;
}

.commentFrame{
	border:1px solid #999;
	padding:5px;
	margin:15px 0 0 30px;
}

.commentFrameSodan{
	margin-top:15px;
}

.entryCommentSodan{
	background: url(../img/arrow_orange2.gif) top left no-repeat;
	background-position:27px 7px;
	font-size:12px;
	line-height:1.3em;
	color:#333;
	padding:3px 0 0 35px;
}

.entryCommentSodan p{
	font-size:12px;
	line-height:1.3em;
	color:#333;

}

.commentDaySodan{
	width:530px;
	font-size:12px;
	line-height:1.3em;
	color:#666;
	padding:5px 0 0 0;
	text-align:right;
}


.formBox{
	width:550px;
	margin:5px 0 0 0;
	height:auto;
	background:#FFF;
	text-align:left;
	margin-bottom:20px;
}

.formBox table{
	width:540px;
}

.commentInfo{
	width:530px;
	font-size:12px;
	font-weight:bold;
	line-height:1.8;
	color:#390;
	padding:0 0 0 22px;
}

.ninsho{
	width:550px;
	font-size:12px;
	line-height:1.3;
	color:#333;
	padding:5px 0 10px 20px;
}

.formBox table tr td{
	font-size:12px;
	color:#333;
	padding:5px 5px 5px 10px;
	background:transparent;
	text-align:left;
	white-space:nowrap;
}

.formBox table tr td input, .formBox table tr td textarea{
	font-size:12px;
	line-height:1.3;
	letter-spacing:1px;
	color:#333;
}




.commentCenter{
	width:570px;
	text-align:center;
	font-size:12px;
	line-height:1.3;
	letter-spacing:1px;
	color:#333;
	padding:10px 0;
}