/*ここは消さないで下さい!*/
/* Edited with EditCSS */
/*CSSLicense: jp-soft.com Tsunehisa Hazama*/

* {
	margin: 0;
	padding: 0;
}

html{height: 100%;}


/* BODY-------------------------------*/
body {
	background: #e8ddbd;
	margin: 0;
	padding: 0;
	line-height:150%;
	letter-spacing: normal;
	color: #333;
	list-style: none;
	text-align: center;
	font-weight: normal;
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

/*デフォルト属性 */
a, p, h1, h2, h3, h4, h5, h6, blockquote {
	margin: 0;
	padding: 0;
	border: 0;
}

/* strong */
strong {font-weight: bold;}

/* 画像の属性 */
img {border: none; margin: 0;}

a:link, a:visited, a:active {color: #000099;text-decoration: underline;}
a:hover{color : #FF6633;text-decoration: none;}
	
/* 基本設定 ----------------------------- */
#base{
	width: 900px;
	margin: 0 auto;
	background: url("http://www.osusume-shop.com/img/base_back.png") repeat-y;
	text-align: center;
	position: relative;
}

#wrapper {
	width: 880px;
	margin: 0 auto;
	text-align: center;
}

#containar {
	width: 840px;
	margin: 10px auto 0 auto;
	text-align: left;
	background: #FFF;
}

/*  ヘッダー  */

#header h1  {
 position: absolute;
 top: 20px;
 left: 30px;
 font-size: 24px;
 color: #53A6A6;
 text-decoration: none;
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W5";
}

#header2 {
	height:105px;
	margin: 0;
	color: #FFF;
	text-align: left;
	background: #99cccc url("http://www.osusume-shop.com/img/header2.jpg") no-repeat;
}

#header2 p{
	position: absolute;
	top: 50px;
	left: 80px;
	width: 650px;
	font-size: 13px;
	color: #80ac16;
	text-align: left;

}

#header a:link, #header a:visited, #header a:active {color: #53A6A6;text-decoration: underline;}
#header a:hover{color : #FF9900;text-decoration: none;}

#header .ads_header{
	text-align: center;
}


.rss{	
	position: absolute;
	top: 20px;
	right: 25px;
}

/*  パンくずリスト  */
.navi {
	margin :0 0 10px;
	width: 100%;
	font-size: 10px;
	padding: 0 5px;
	text-align: left;
}

.navi a {
	color: #66CC66;
	text-decoration: none;
}

.navi a:hover {
	color: #FF6633;
	text-decoration: underline;
}

/*  記事枠等の属性  */
#content {
	float: right;
	width: 630px;	
	margin: 0;
	padding: 0;
	background: #FFF;
	overflow: hidden;
}

#content h2{
	margin: 5px 0 10px 10px;
	font-size: 123%;
	color: #006600;
	font-weight: bold;
	text-align: left;
	text-indent: 20px;
	line-height: 200%;
background: url("http://www.osusume-shop.com/img/h2.gif") no-repeat top left;
clear:both;
}

#content h3 {
	margin: 10px 0;
	padding: 0;
	color: #339933;
	font-weight: bold;
	font-size: 100%;
	line-height: 250%;
	display: block;
	text-align: left;
	text-indent: 40px;
background: url("http://www.osusume-shop.com/img/h3.gif") no-repeat top left;
clear:both;
}

#content h3.post {
	margin: 10px 5px 0 5px;
	border: 0px;
	color: #339933;
	font-weight: bold;
	font-size: 108%;
	line-height: 150%;
	display: block;
	text-align: left;
	text-indent: 20px;
	background: url("http://www.osusume-shop.com/img/h3_back.gif") no-repeat top left;
clear:both;
}
			
#content h3.post a {
	color: #800080;
	text-decoration: underline;
}
					
#content h3.post a:hover {
	color: #FF0000;
	text-decoration: none;
}


#content h4 {
	margin: 10px 10px 10px 0;
	border-bottom: 1px solid #DDD;
	color: #339933;
	font-weight: bold;
	font-size: 108%;
	line-height: 150%;
	display: block;
	text-align: left;
}

#content h5 {
	margin: 10px 10px 10px 0;
	color: #666;
	font-weight: normal;
	font-size: 100%;
	line-height: 150%;
	display: block;
	text-align: left;
}

#content .posted {
	text-align: right;
	font-size: 10px;
	margin: 0px 20px 10px 0;
}

#content .doc{
	margin: 0 10px 20px 20px;
	text-align: left;
}

#content .doc p{
	padding: 5px 0;
}

/* ---- 関連記事リスト属性----- */
#content ol{
	margin: 0px 0px 0px 30px;
}

#content li{
	margin: 0;
	font-size: 100%;
	line-height: 19px;
}

/*----- trackbacks & Comments-----*/

#content #trackbackdata, #content #commentdata{
	font-size: 12px;
	color: #888;
	margin: 10px 0 10px 10px;
}

#content #trackbackdata .post1{
	font-size: 10px;
	color: #888;
	margin: 0;
	border-bottom: 1px solid #888;
}

#content #commentdata .post2{
	margin-bottom: 10px;
	font-size:10px;
	text-align: right;
}

#content .error {
	font-size : 14px;
	color: red;
	border: 1px solid red;
	margin: 10px 20px;
	padding: 5px;
	text-align: center;
}

#content .next{
	text-align: right;
}

/*  サイドメニュー等の属性  */
#sidebar {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	background: #FFF;
	overflow: hidden;
}

#sidebar h2{
	margin: 10px 0 0 0;
 	background: url("http://www.osusume-shop.com/img/sh2_back.gif") no-repeat top left;
	font-weight: bold;
	font-size: 100%;
	line-height: 170%;
	color: #FFF;
	text-align: left;
	text-indent: 5px;
}



/* カテゴリ指定 */
#sidebar .cat{
	margin: 0;
}

#sidebar .cat h2{
	margin: 5px 5px 0 10px;
	border: 1px solid #555;
	background: #33663B;
	font-weight: bold;
	font-size: 108%;
	line-height: 170%;
	color: #FFF;
	text-align: left;
	text-indent: 5px;
}

#sidebar ul.menu{
	display: block;
	margin: 0 0 10px 0;
	list-style-type: none;
	border-left: 1px solid #FF944D;
	border-right: 1px solid #FF944D;
	border-bottom: 1px solid #FF944D;
	text-align: left;
}

#sidebar ul.menu li.c1 a {
	display: block;
 	height: 25px;
 	list-style: none;
 	padding: 0 0 0 20px;
 	text-decoration: none;
 	font-size: 100%;
 	line-height: 170%;
 	overflow: hidden;
       color:#333;
	background: #FFF url("http://www.osusume-shop.com/img/menu01.jpg") no-repeat;
}

#sidebar ul.menu li.c1 a:hover {
	background: #FFF url("http://www.osusume-shop.com/img/menu2.jpg") no-repeat;
	text-decoration: underline;
       color:#ff6600;
}


#sidebar ul.menu li a {
	display: block;
 	height: 25px;
 	list-style: none;
 	padding: 0 0 0 40px;
 	text-decoration: none;
 	font-size: 100%;
 	line-height: 170%;
 	overflow: hidden;
	background: #FFF url("http://www.osusume-shop.com/img/menu03.gif") no-repeat;
}

#sidebar ul.menu li a:hover {
	background: #FFF url("http://www.osusume-shop.com/img/menu04.gif") no-repeat;
	text-decoration: underline;
}

#sidebar ul.arch li a {
 	height: 25px;
 	list-style: none;
 	padding: 0;
 	text-indent: 20px;
 	text-decoration: none;
 	font-size: 100%;
 	line-height: 200%;
 	display: block;
	background: #FFF url("http://www.osusume-shop.com/img/arch01.gif") no-repeat;
}

#sidebar ul.arch li a:hover {
	background: #FFF url("http://www.osusume-shop.com/img/arch02.gif") no-repeat;
}

/*フッターナビ*/
.f_navi {
	clear: both;
	text-align: right;
	margin: 0px;
	padding: 10px 250px 15px 15px;
	font-size: 85%;
}

.f_navi img{margin: 0 3px;border-style: none; vertical-align: middle;}

/*フッター*/
#footer{
 	clear: both;
 	width: 900px;
 	height: 60px;
 	margin: 0;
 	color: #999;
 	padding: 0;
 	text-align: left;
	background: url("http://www.osusume-shop.com/img/footer_back.png") no-repeat;
}

#footer .copyright{
	text-align: center;
	padding: 40px 0 0 0;
	font-size: 12px;
	line-height: 120%;
}

/*紹介ブロック*/
#block1 {
	float: left;
	width: 300px;
	margin: 5px 0px;
	padding: 0px;
}
#block2 {
	margin: 5px 0px;
	padding: 0px 0px 0px 10px;
	float: left;
	width: 290px;
}
.komidashi {
	font-size: 12px;
	color: #531515;
	background: #F7F7EF;
	margin: 0px;
	padding: 5px;
	border-bottom: 1px dotted #800080;
	border-left: 6px solid #800080;
}
.image {
	margin: 0px;
	padding: 10px 10px 10px 0px;
	float: left;
}
.p2 {
	font-size: 10px;
	line-height: 14px;
	margin: 10px 0px 0px;
	padding: 0px;
}
.link {
	font-size: 11px;
	color: #0000FF;
	text-decoration: none;
}
.p3 {
	margin: 10px 0px 0px;
	padding: 0px 0px 20px;
}



/* フォントスタイル */
.style1 {
color: #000099;
font-weight: bold;
font-size:14px;
}

.style2 {
color: #000000;
font-weight: bold;
font-size:14px;
}

.style3 {
color: #cc0000;
font-weight: bold;
font-size:14px;
}

.style4 {
color: #000000;
font-weight: normal;
font-size:14px;
}

#content .img2 {
	float:left;
	margin: 0px 10px 0px 0px;
}

#content .img3 {
	float:right;
	margin: 0px 10px 0px 0px;
}

/*テーブル*/
table {
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-collapse:collapse;
font-size:12px;
}

caption {
text-align:left;
padding-bottom:8px;
font-size:14px;
font-weight:bold;
color:#a52a2a;
}
td,
th {
padding:5px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

th {
background:#faeffc;
font-size:12px;
font-weight:normal;
}
.no-border table, 
.no-border tr, 
.no-border td,
.no-border th{
 border-style: none;
}
#content .img2 {
	float:left;
	margin: 0px 10px 0px 0px;
}
#content .img3 {
        float:right;
        margin: 0px 0px 0px 10px;
}

.pink{
color:#FF6A6A; 
font-size: 14px; 
font-weight:normal;
}

.green {
color:#009900; 
font-size: 14px; 
font-weight:normal;
}

.yellow{background:#ffff00; font-size: 14px;
font-weight: normal;
}
.point{
background-image: url(http://www.ebuy-navi.net/img/osusume.gif);
background-repeat: no-repeat;
background-position: left;
font-size: 18px;
font-weight:bold;
padding: 0px 0px 0px 60px;
height:75px;
line-height:70px;
color:#cc0000;
}
.kamoku1 {
background:#eeffbb;
color:#008000;
font-size:13px;
font-weight:bold;
}

.kamoku2 {
background:#FAFFDF;
font-size:13px;
color:#000000;
}

.red {
color:#FF2828;
font-size:13px;
}

.red_b {
color:#FF2828;
font-size:13px;
font-weight:bold;
}

.kina {
color:#FF9900;
font-size:13px;
}
.kamoku3 {
background:#cc0000;
}
.rank1 {
background-image: url(http://www.ebuy-navi.net/img/rank1.gif);
background-repeat: no-repeat;
background-position: left;
font-size: 24px;
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W5";
padding: 0px 0px 0px 140px;
height:90px;
line-height:95px;
color:#ffffff;
}

.rank2 {
background-image: url(http://www.ebuy-navi.net/img/rank2.gif);
background-repeat: no-repeat;
background-position: left;
font-size: 24px;
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W5";
padding: 0px 0px 0px 140px;
height:90px;
line-height:95px;
color:#ffffff;
}

.rank3 {
background-image: url(http://www.ebuy-navi.net/img/rank3.gif);
background-repeat: no-repeat;
background-position: left;
font-size: 24px;
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W5";
padding: 0px 0px 0px 140px;
height:90px;
line-height:95px;
color:#ffffff;
}

.merit {
background-image: url(http://www.ebuy-navi.net/img/tokutyou.gif);
background-repeat: no-repeat;
background-position: left;
font-size: 14px;
font-weight:bold;
padding: 0px 0px 0px 110px;
height:25px;
line-height:22px;
}

.sample {
background-image: url(http://www.ebuy-navi.net/img/info_bar.gif);
background-repeat: no-repeat;
background-position: left;
font-size: 18px;
padding: 0px 0px 0px 10px;
height:35px;
color:#ffffff;
line-height:33px;
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W5";
}

.title1 {
background-image: url(http://www.ebuy-navi.net/img/title1.gif);
background-repeat: no-repeat;
background-position: left;
font-size: 18px;
padding: 0px 0px 0px 20px;
height:30px;
color:#006600;
line-height:30px;
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W5";
border-left: solid 1px #A2CF81;
border-right: solid 1px #A2CF81;
border-top: solid 1px #A2CF81;
border-bottom: solid 1px #A2CF81;
}

.kamoku-gazou {
text-align:center;
border-left: solid 1px #A2CF81;
border-right: solid 1px #A2CF81;
border-top: solid 1px #A2CF81;
border-bottom: solid 1px #A2CF81;
}
.table-kamoku2 {
text-align:left;
background:#FAF9EB;
font-weight:bold;
border-left: solid 1px #A2CF81;
border-right: solid 1px #A2CF81;
border-top: solid 1px #A2CF81;
border-bottom: solid 1px #A2CF81;
}

.meisai2 {
text-align:left;
border-left: solid 1px #A2CF81;
border-right: solid 1px #A2CF81;
border-top: solid 1px #A2CF81;
border-bottom: solid 1px #A2CF81;
}

.table-kamoku4 {
text-align:left;
border-left: solid 1px #A2CF81;
border-right: solid 1px #A2CF81;
border-top: solid 1px #A2CF81;
border-bottom: solid 1px #A2CF81;
}


.kamoku-meisai {
text-align:right;
font-size:16px;
border-left: solid 1px #fff;
border-right: solid 1px #fff;
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
font-weight:bold;
}



.mokuteki1 {
text-align:center;
background:#EEFAD6;
border-left: solid 1px #fff;
border-right: solid 1px #fff;
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
}

.mokuteki2 {
text-align:center;
border-left: solid 1px #fff;
border-right: solid 1px #fff;
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
color:#cc0000;
font-weight:bold
}

.meisai5 {
text-align:left;
font-size:11px;
border-left: solid 1px #fff;
border-right: solid 1px #fff;
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
}

.kamoku-meisai2 {
text-align:right;
font-size:13px;
border-left: solid 1px #fff;
border-right: solid 1px #fff;
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
font-weight:bold;
}
.ranking{
background-image: url(http://www.osusume-shop.com/img/ranking.gif);
background-repeat: no-repeat;
background-position: left;
font-size: 16px;
padding: 0px 0px 0px 50px;
color:#cc0000;
height:40px;
line-height:38px;
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W5";
}


.tokusyu {
background-image: url(http://www.osusume-shop.com/img/tokusyu.gif);
background-repeat: no-repeat;
background-position: left;
font-size: 14px;
padding: 0px 0px 0px 120px;
color:#333;
height:72px;
line-height:120px;
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W5";
}
/*コラーゲンランキング*/
.info_1 {
background: url("http://www.e6idea.net/img/hakusyo.jpg") no-repeat;
background-position: left;
font-size: 16px;
padding: 0px 0px 0px 65px;
font-weight:bold;
color:#ffffff;
height:34px;
line-height:36px;
}

.info_2 {
background: url("http://www.e6idea.net/img/hakusyo2.gif") no-repeat;
background-position: left;
font-size: 16px;
padding: 0px 0px 0px 45px;
font-weight:bold;
color:#FF6666;
height:34px;
line-height:36px;
}

.red {
color:#FF3535;
font-size:12px;
}
.blue {
font-size:14px;
color:#176782;
}
.pink {
font-size:13px;
color:#C7587C;
}
.kuro {
font-size:13px;
color:#333333;
font-weight:normal;
}
/*口コミ*/
.kutikomi { margin:0 0 0px 0; }
.kutikomi2 { margin:10px 0 10px 0; }
.kutikomi_top { background:url(img/kutikomi_top.gif) no-repeat top; }
.kutikomi_bottom { background:url(img/kutikomi_bottom.gif) no-repeat top; height:7px; }
.kutikomi_top p { margin:10px 20px 0 30px; line-height:1.3em; }

.kutikomi_w20_1 { background:url(img/20_1.gif) no-repeat 8px 0; width:80px; height:80px; }

.kutikomi_w20_2 { background:url(img/20_2.gif) no-repeat 8px 0; width:80px; height:80px; }

.kutikomi_w20_3 { background:url(img/20_3.gif) no-repeat 8px 0; width:80px; height:80px; }

.kutikomi_w30_1 { background:url(img/30_1.gif) no-repeat 8px 0; width:80px; height:80px; }

.kutikomi_w30_2 { background:url(img/30_2.gif) no-repeat 8px 0; width:80px; height:80px; }

.kutikomi_w30_3 { background:url(img/30_3.gif) no-repeat 8px 0; width:80px; height:80px; }

.kutikomi_w30_4 { background:url(img/30_4.gif) no-repeat 8px 0; width:80px; height:80px; }


.kutikomi_w40_1 { background:url(img/40_1.gif) no-repeat 8px 0; width:80px; height:80px; }

.kutikomi_w40_2 { background:url(img/0_2.gif) no-repeat 8px 0; width:80px; height:80px; }


.kutikomi_w40_3 { background:url(img/40_3.gif) no-repeat 8px 0; width:80px; height:80px; }


.kutikomi_w40_4 { background:url(img/40_4.gif) no-repeat 8px 0; width:80px; height:80px; }


.kutikomi_w50_1 { background:url(img/50_1.gif) no-repeat 8px 0; width:80px; height:80px; }

.kutikomi_w50_2 { background:url(img/50_2.gif) no-repeat 8px 0; width:80px; height:80px; }

.kutikomi_w50_3 { background:url(img/50_3.gif) no-repeat 8px 0; width:80px; height:80px; }

.kutikomi_w50_4 { background:url(img/50_4.gif) no-repeat 8px 0; width:80px; height:80px; }


.kutikomi_w60_1 { background:url(img/60_1.gif) no-repeat 8px 0; width:80px; height:80px; }

.kutikomi_w60_2 { background:url(img/60_2.gif) no-repeat 8px 0; width:80px; height:80px; }


.kutikomi_w60_3 { background:url(img/60_3.gif) no-repeat 8px 0; width:80px; height:80px; }


.kutikomi_w60_4 { background:url(img/60_4.gif) no-repeat 8px 0; width:80px; height:80px; }

.kutikomi_w70_1 { background:url(img/70_1.gif) no-repeat 8px 0; width:80px; height:80px; }

.kutikomi_m20_1 { background:url(img/20_1.png) no-repeat 8px 0; width:80px; height:80px; }


.pink{
background:#FEE7E8; 
font-size: 13px; 
font-weight:normal;
}

.yellow{background:#ffff00; font-size: 13px;
font-weight: normal;
}

.red {
color:#FF3535;
font-size:12px;
}
.blue {
font-size:13px;
color:#176782;
}

.title_b{
background:#E7E0D8 url("http://www.e6idea.net/img/title_b.jpg");
font-size:16px;
font-weight:bold;
color:#000099;
padding: 0px 0px 0px 35px;
font-weight:bold;
height:30px;
line-height:28px;}

.kamoku2 {
background:#FFECF5;
font-weight:bold;
color:#18a8cb;
}

.kamoku3 {
font-size: 14px;
text-align:right;
font-weight:bold;
color:#000099;
height:26px;
line-height:36px;
}


.rank1{
background:#E7E0D8 url("http://www.e6idea.net/img/rank1.jpg");
font-size:16px;
font-weight:bold;
color:#000099;
padding: 0px 0px 0px 55px;
font-weight:bold;
height:35px;
line-height:30px;
}

.rank2{
background:#E7E0D8 url("http://www.e6idea.net/img/rank2.jpg");
font-size:16px;
font-weight:bold;
color:#000099;
padding: 0px 0px 0px 55px;
font-weight:bold;
height:35px;
line-height:30px;
}

.rank3{
background:#E7E0D8 url("http://www.e6idea.net/img/rank3.jpg");
font-size:16px;
font-weight:bold;
color:#000099;
padding: 0px 0px 0px 55px;
font-weight:bold;
height:35px;
line-height:30px;
}

.rank4{
background:#E7E0D8 url("http://www.e6idea.net/img/rank4.jpg");
font-size:16px;
font-weight:bold;
color:#000099;
padding: 0px 0px 0px 55px;
font-weight:bold;
height:35px;
line-height:30px;
}

.rank5{
background:#E7E0D8 url("http://www.e6idea.net/img/rank5.jpg");
font-size:16px;
font-weight:bold;
color:#000099;
padding: 0px 0px 0px 55px;
font-weight:bold;
height:35px;
line-height:30px;
}
.point {
background:url("http://www.e6idea.net/img/aka-tama.gif")no-repeat;
padding: 0px 0px 0px 20px;
background-position: left;
color:#FF3535;
font-size:13px;
}



.rank-s {
text-align:center;
background:#F7F7F7;
}

.hayami {
text-align:center;
font-size:13px;
font-weight:bold;
background:#EEF8FF;
color:#1a8acb;
}

.rank-n {
text-align:center;
background:#FBF8F2;
font-size:14px;
font-weight:bold;
}

/*サイト追加*/
#sidebar ul.menu2 {
	display: block;
	margin: 0 0 10px 0;
	list-style-type: none;
	border-left: 1px solid #CC0033;
	border-right: 1px solid #CC0033;
	border-bottom: 1px solid #CC0033;
	text-align: left;
}

#sidebar ul.menu2 li.c1 a {
	display: block;
 	height: 25px;
 	list-style: none;
 	padding: 0 0 0 20px;
 	text-decoration: none;
 	font-size: 100%;
 	line-height: 170%;
        color:#333;
 	overflow: hidden;
	background: #FFF url("http://www.osusume-shop.com/img/menu2.jpg") no-repeat;
}

#sidebar ul.menu2 li.c1 a:hover {
	background: #FFF url("http://www.osusume-shop.com/img/menu01.jpg") no-repeat;
	text-decoration: underline;
        color:#ff6600;
}

#sidebar ul.menu3 {
	display: block;
	margin: 0 0 10px 0;
	list-style-type: none;
	border-left: 1px solid #009966;
	border-right: 1px solid #009966;
	border-bottom: 1px solid #009966;
	text-align: left;
}

#sidebar ul.menu3 li.c1 a {
	display: block;
 	height: 25px;
 	list-style: none;
 	padding: 0 0 0 20px;
 	text-decoration: none;
 	font-size: 100%;
 	line-height: 170%;
        color:#333;
 	overflow: hidden;
	background: #FFF url("http://www.osusume-shop.com/img/menu3.jpg") no-repeat;
}

#sidebar ul.menu3 li.c1 a:hover {
	background: #FFF url("http://www.osusume-shop.com/img/menu01.jpg") no-repeat;
	text-decoration: underline;
      color:#ff6600;
}

