/**********************************************************************************************

CSS

***********************************************************************************************

	1. Global Reset
	
	2. General Elements
	
	3. Layout
		3.1 Header
                3.5 SIDE

		3.6 Footer		
		
***********************************************************************************************/


/* 1. Global Reset
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

	ol, ul {
		list-style: none;
	}
	
	table {
		border-collapse: separate; 
		border-spacing: 0;
	}

	caption, th, td {
		text-align: left; 
		font-weight: normal;
	}
	h1, h2, h3, h4, h5, h6 {
		font-weight:normal;
	}



/* 2. General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	body {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
	color: #4b4b4b;
	margin: 0px;
	background-color: #FFFFFF;
	background-image: url(../img/back.jpg);
	background-repeat: repeat-x;
	background-position: left top;

	}
h1 {
	line-height: 26px;
	background-image: url(../img/tophead.jpg);
	font-size: 12px;
	text-align: right;
	padding-right: 10px;
	padding-bottom: 4px;
}


	hr { 
		display: none;
	}
		
	strong {
		font-weight: bold;
	}
		
	em {
		font-style: italic;
	}
	
	address {
		font-style: normal;
	}

	input, textarea, select {
		font: 1em Arial, Helvetica, sans-serif;
	}

	a {
	color: #333;
	text-decoration: none;
	outline: none;
	}
	a:hover {
	color: #C72C92;
	text-decoration: none;
	}

	a:visited {}

	a:active {}
	
    img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	#accesibility {
		position:absolute;
		left:-999em;
	}
	.container {
	width: 1000px;
	text-align: left;
	font-size: 1.3em;
	background:#fff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
	.clearer {
		clear:both;
	}


/* 3.1 HEADER
------------------------------------------------------------------------------------------------ */
#header {
	background-color: #FFFFFF;
	background-image: url(../img/logo.jpg);
	background-repeat: no-repeat;
	height: 114px;
	width: 1000px;
	margin: 0px;
}
#header h2{
	font-size: 12px;
	font-weight: bold;
	color: #625239;
	letter-spacing: 1px;
	float: left;


}

#header h2 a{
	width: 465px;
	display: block;
	height: 15px;
	padding-top: 75px;
	padding-left: 112px;
	line-height: 100%;
	padding-bottom: 5px;
	font-weight: normal;
	color: #625239;
	text-decoration: none;
}




	#main_menu {
		background-image: url(../img/navigation.jpg);
	    background-repeat: repeat-x;
		height: 42px;
		width:100%;

	}


		#main_menu ul {
	display:inline;
	height: 30px;
	width:100%;
	clear: both;
	}
	
		#main_menu li {
	float:left;
	list-style-type: none;
		}
		

		#main_menu a {
	float:left;
	background-image: url(../img/navi.jpg);
	background-repeat: repeat-x;
	background-position: right bottom;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	line-height: 30px;
	height: 30px;
	padding-right: 28px;
	padding-left: 28px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
		}
		#main_menu a:hover {
	background-image: url(../img/navi2.jpg);
	background-repeat: repeat-x;
	background-position: right bottom;
	line-height: 30px;
	height: 30px;
	color: #EEEEEE;
	padding-right: 28px;
	padding-left: 28px;
		}



#topbody {
	background-image: url(../img/topbody.jpg);
	background-repeat: repeat-x;
	height: 355px;
	text-align: center;
}
#topcontent {
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	text-align: left;
}
.leftcp {
	float: left;
	width: 720px;
}

#page-title {
	background-image: url(../img/page-title.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 700px;
	margin-top: 20px;
}
#page-title2 {
	background-image: url(../img/page-title2.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 700px;
	margin-top: 20px;
}
#page-title3 {
	background-image: url(../img/page-title3.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 700px;
	margin-top: 20px;
}
#page-title-qa {
	background-image: url(../img/qa-back.jpg);
	background-repeat: no-repeat;
	height: 436px;
	width: 700px;
	margin-top: 20px;
}
#page-title h3 {
	font-size: 28px;
	color: #877150;
	padding-top: 25px;
	padding-left: 25px;
	line-height: 100%;
	padding-bottom: 15px;
}
#page-title h4 {
	font-size: 16px;
	font-weight: bold;
	color: #877150;
	padding-top: 5px;
	padding-left: 30px;
	line-height: 100%;
	padding-bottom: 6px;
}
#page-title2 h3 {
	font-size: 28px;
	color: #877150;
	padding-top: 25px;
	padding-left: 25px;
	line-height: 115%;
	padding-bottom: 15px;
}
#page-title3 h3 {
	font-size: 28px;
	color: #877150;
	padding-top: 25px;
	padding-left: 25px;
	line-height: 115%;
	padding-bottom: 15px;
}
#page-title-qa h3 {
	font-size: 24px;
	color: #666;
	padding-top: 30px;
	padding-left: 30px;
	line-height: 115%;
	padding-bottom: 15px;
}
.page-inner {
	margin-top: 30px;
	margin-right: 35px;
	margin-left: 15px;
}
.yusouline {
	margin-left: 10px;
}

.inner-border {
	padding: 18px;
	border: 1px solid #8C7450;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: normal;
	color: #555555;
}
.inner-border2 {
	padding: 18px;
	border: 1px solid #8C7450;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: normal;
}
.inner-border h4 {
	font-size: 20px;
	line-height: 100%;
	font-weight: bold;
	margin-bottom: 15px;
}

#cate-brand {
	margin-top: 30px;
}
#cate-brand h4 {
	font-size: 20px;
	font-weight: bolder;
	color: #666;
        padding-left: 12px;
}
.cate-brandname {
	background-image: url(../img/cate-brandname.jpg);
	background-repeat: repeat-y;
	margin-left: 15px;
	width: 680px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#cate-brand .cate-brandname ul {
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 15px;
}

#cate-brand .cate-brandname ul li {
	font-size: 10px;
	line-height: 150%;
	float: left;
	width: 220px;

}

.junle {
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.junle img {
	margin-right: 5px;
	margin-bottom: 5px;
}

strong{
	font-weight: bold;
}
.star {
	background-image: url(../img/star.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 220px;
}
.star1 {
	background-image: url(../img/star1.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 220px;
}
.star2 {
	background-image: url(../img/star2.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 220px;
}
.star3 {
	background-image: url(../img/star3.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 220px;
}
.star4 {
	background-image: url(../img/star4.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 220px;
}
.star5 {
	background-image: url(../img/star5.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 220px;
}

.inner-border .item {
	font-size: 14px;
	font-weight: bold;
	color: #FF0033;
}

.raiten-on {
	margin-left: 190px;
}

#page-title p {
	font-size: 12px;
	line-height: 140%;
	color: #8D7551;
	margin-left: 30px;
	margin-right: 30px;
}
#page-title-qa p {
	font-size: 12px;
	line-height: 140%;
	color: #8D7551;
	margin-left: 30px;
	margin-right: 30px;
}

#page-title-qa ul {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 35px;
}
#page-title-qa li {
	font-size: 16px;
	line-height: 180%;
	color: #333;
	text-decoration: none;
	list-style-type: none;
	font-weight: bold;
	padding-left: 0px;
}
#page-title-qa ul li strong {
	color: #F36;
}
.q {
	color: #F36;
	font-weight: bold;
}
.a {
	font-weight: bold;
	color: #09C;
}
.inner-border p a {
	color: #09F;
	text-decoration: underline;
}


/* 3.5 SIDE
------------------------------------------------------------------------------------------------ */

.right-upper {
	float: right;
	width: 260px;
	text-align: right;
	margin-top: 1px;
}
.right-upper .two-way {
	background-image: url(../img/right-upper.png);
	background-repeat: no-repeat;
	height: 270px;
	width: 265px;
	text-align: center;
	padding-top: 35px;
}
.two-way img {
	margin-top: 5px;
}


.right {
	float: right;
	width: 260px;
	text-align: right;
	margin-top: 1px;
}

 .side {
	background-image: url(../img/right.jpg);
	background-repeat: repeat-y;
	width: 265px;
	text-align: center;
	padding-top: 15px;
	margin-bottom: 0px;
}
.container .right .side img {
	margin-bottom: 15px;
}

/* 3.6 FOOTER
------------------------------------------------------------------------------------------------ */

#footer {
	background-image: url(../img/foot.jpg);
	background-repeat: repeat-x;
	background-color: #947D5D;
	text-align: center;
	padding-top: 65px;
	width: 100%;
}
#footer a {
	color: #FFF;
}
#footer a:hover {
	color: #CCC;
}
#footer .footnavi {
	text-align: center;
	width: 1000px;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#footer .footnavi2 {
	width: 978px;
	border: 1px solid #FFFFFF;
	text-align: left;
	color: #FFFFFF;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
}
#footer .footnavi2 .area {
	font-size: 10px;
}
#footer .footnavi3 {
	width: 1000px;
	text-align: center;
	color: #FFFFFF;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
}

/* 3.7 WEBPAGE ETC
------------------------------------------------------------------------------------------------ */

.tentou {
	width: 580px;
	text-align: right;
}
#action {

	padding-top: 25px;
	padding-bottom: 10px;
        padding-left: 10px;
}
.leftcp table {
	width: 660px;
	margin-top: 40px;
	text-align: center;
	margin-left: 20px;
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.leftcp .t_koumoku {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	background-color: #F8EAD1;
	padding: 6px;
	vertical-align: top;
}
.pink {
	color: #F39;
}

.leftcp .t_naiyou {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding: 6px;
}

table h4{
	font-size: 16px;
	line-height: 100%;
	font-weight: bold;
	color: #F36;
	padding-top: 2px;
	padding-bottom: 5px;
}


/*  index2.php
---------------------------------------------------------------------*/
/*
.top-ranking {
	background-image: url(../img/ranking-back.jpg);
	background-repeat: no-repeat;
	height: 228px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 15px;
	clear: both;
}


.rank {
	margin-top: 0px;
	margin-right: 9px;
	margin-left: 21px;
	padding-top: 20px;
}
.rank img {
	text-align: center;
}

.ranking1 {
	background-image: url(../img/rank1.jpg);
	float: left;
	width: 133px;
	text-align: center;
	background-repeat: no-repeat;
	padding-top: 8px;
}

.ranking2 {
	background-image: url(../img/rank2.jpg);
	float: left;
	width: 133px;
	text-align: center;
	background-repeat: no-repeat;
	padding-top: 8px;
}

.ranking3 {
	background-image: url(../img/rank3.jpg);
	float: left;
	width: 133px;
	text-align: center;
	background-repeat: no-repeat;
	padding-top: 8px;
}
.ranking4 {
	background-image: url(../img/rank4.jpg);
	float: left;
	width: 133px;
	text-align: center;
	background-repeat: no-repeat;
	padding-top: 8px;
}
.ranking5 {
	background-image: url(../img/rank5.jpg);
	float: left;
	width: 133px;
	text-align: center;
	background-repeat: no-repeat;
	padding-top: 8px;
}
.rank p {
	margin-top: 40px;
	font-size: 11px;
	text-align: center;
}
.top-ranking strong {
	font-weight: bold;
	color: #000000;
}


.t-ranking{
border:solid #999999 2px;
width:708px;
float:left;
padding-bottom:10px;
}
.m_coment{
height:135px;
background:url(img/top_coment.jpg) no-repeat;
margin-top:20px;
margin-bottom:20px;
}
.m_coment p{
width:535px;
height:113px;
padding:15px 20px 0 20px;
}

.brand_main{
width:708px;
border:solid #999999 2px;
font-size:9px;
margin-bottom:20px;
padding-top:10px;

}
.brand_title{
clear:both;
}

.brand_title img{
margin-top:20px;
}

.brand_s_title{
width:580px;
float:left;

}
.brand_b{
width:110px;
float:left;
}

.select{
clear:both;
}

.brand_img{
width:250px;
float:left;
text-align:center;
}

.brand_list01{
width:236px;
float:left;
}
.brand_body{
margin-top:4px;
margin-bottom:8px;
}

.r_side1{
border:solid #999999 2px;
margin-bottom:20px;
padding-bottom:20px;
}


.buy_right{
width:250px;
float:right;
}

.how_top{
width:210px;
margin-bottom:10px;
margin-left:25px;
margin-top:10px;
}

.how_bottom{
width:210px;
margin-left:25px;
}

.how_left{
font-size:10px;
width:120px;
float:left;
}

.how_img img{
margin-top:15px;
margin-bottom:10px;
}

p.title_pink{
font-size:14px;
font-weight:bold;
margin-top:10px;
color:#ED4FA9;
}

.blog_main{
width:210px;
margin:20px 20px 0 20px;
}
.blog_text{
font-size:10px;
width:125px;
float:left;
}
.blog_img img{
margin-left:5px;
}
.buy_text{
font-size:10px;
width:170px;
margin:20px 40px 0 40px;
}

.buy_img{
margin-top:20px;
text-align:center;
}

.bland_img{
text-align:center;
margin-top:20px;
}

.img_link{
margin-bottom:20px;
}
*/