@charset "utf-8";
/* CSS Document */

/* --------------------all-------------------- */
*{ 
	margin: 0;
	padding: 0;
}
a{
	text-decoration: underline;
	border: 0;
	outline: none;
}

img {
	border: 0;
	vertical-align: bottom;
}
body{
	font-size: 62.5%;
	font-family: "Lucida Grande","Bitstream Vera Sans","Segoe UI",Calibri,Verdana,Arial,"ヒラギノ角ゴ Pro W3",メイリオ,"ＭＳ Ｐゴシック",IPAPGothic,sans-serif;
	letter-spacing: 1px;
	word-spacing: 0.2px;
	color: #000000;
	background: #fff url(../images/head_bg.jpg) repeat-x;
}

.f11 {
	font-size: 11px;
}


/* --------------------index-------------------- */
#back_money{
	width: 1260px;
	/*background: url(../images/head_side.png) no-repeat;
	background-position: 0 152px;*/
	margin: 0 auto;
	clear: both;
}
#wrapper{
	width: 1000px;
	margin: 0 auto;
}

#header h1 {
	width: 198px;
	height: 42px;
	margin: 30px 30px 0 20px;
	float: left;
}

#header h1 a{
	text-indent: -9999px;
	display: block;
	background: url(../images/title_otonaginkoken.gif) no-repeat;
	width: 198px;
	height: 42px;
}
#header ul{
	list-style: none;
}

#head-box {
	width: 750px;
	float: left;
}
/* ソーシャルプラグイン */
#head-box #social-plugin {
	width: 502px;
	float: left;
	height: 30px;
	margin: 42px 0 0;
}

#head-box #social-plugin ul {
	width: 452px;
	margin: 0 auto;
}

#head-box #social-plugin li {
	float: left;
	list-style-type: none;
}

.twb { width: 170px; }
.twb02 { width: 110px; }


#header ul.shiharai_btn{
	width: 245px;
	float: right;
	margin: 10px 5px 0 0;
}
li.shiharai{
	text-indent: -9999px;
	background: url(../images/shiharai.gif) no-repeat;
	width: 241px;
	height: 48px;
	margin-bottom: 20px;
	clear: both;
}
/*li.send_btn {
	text-indent: -9999px;
	background: url(../images/head-send.gif) no-repeat;
		width: 295px;
	height: 41px;
	margin: 0 0 20px 0;
}*/


#header ul li.tyumon_btn a{
	display: block;
	text-indent: -9999px;
	background: url(../images/tyumon.jpg) no-repeat;
	width: 224px;
	height: 49px;
	margin: 0 8.5px;
	float: right;
}

#menu{
	width: 563px;
	height: 33px;
	padding: 43px 121px 0 16px;
	clear: both;
}
#menu ul li{
	float: left;
}
#menu ul li a {
	display: block;
	text-indent: -9999px;
	height: 33px;
}
#menu ul li.menu01 a{
	background: url(../images/menu01.jpg) no-repeat left top;
	width: 110px;
}
#menu ul li.menu02 a{
	background: url(../images/menu02.jpg) no-repeat left top;
	width: 193px;
}
#menu ul li.menu03 a{
	background: url(../images/menu03.jpg) no-repeat left top;
	width: 165px;
}
#menu ul li.menu04 a{
	background: url(../images/menu04.jpg) no-repeat left top;
	width: 115px;
}

#menu ul li.menu05 a{
	background: url(../images/menu05.jpg) no-repeat left top;
	width: 92px;
}
#menu ul li.menu06 a{
	background: url(../images/menu06.jpg) no-repeat left top;
	width: 117px;
}
#menu ul li.menu01 a:hover, #menu ul li.menu02 a:hover, #menu ul li.menu03 a:hover, #menu ul li.menu04 a:hover, #menu ul li.menu05 a:hover, #menu ul li.menu06 a:hover{
	background-position: 0 -33px;
}
html > body #menu ul li.menu01 a:hover, html > body #menu ul li.menu02 a:hover, html > body #menu ul li.menu03 a:hover, html > body #menu ul li.menu04 a:hover{
	background-position: 0 -33px;
}/*E7以上　とその他のブラウザ*/
#menu ul li.menu01 a:visited, #menu ul li.menu02 a:visited, #menu ul li.menu03 a:visited, #menu ul li.menu04 a:visited{
	background-position: 0 0px;
}
#menu ul li.here a{
	background-position: 0 -33px;
}
html*#menu ul li.here a{
	background-position: 0 -33px;
}/*safari*/
head:first-child + body #menu ul li.here a{
	background-position: 0 -33px;
}

img.head_cap{
	margin-top: 4px;
	width: 1000px;
	height: 343px;
}

#main{
	width: 980px;
	height: auto;
	margin: 30px 10px 100px 10px;
	clear: both;
}
#main:after{
	content: "";
	display: block;
	clear: both;
}

#contents{
	width: 680px;
	float: left;
}
#contents p{
	font-size: 13px;
}
#contents h2.h2_01{
	text-indent: -9999px;
	background: url(../images/h2_01.jpg) no-repeat;
	width: 680px;
	height: 47px;
	margin-bottom: 20px;
}
#contents h2.h2_02{
	text-indent: -9999px;
	background: url(../images/h2_02.jpg) no-repeat;
	width: 680px;
	height: 47px;
	margin: 40px 0 20px 0;
}
#contents h3.h3_01{
	text-indent: -9999px;
	background: url(../images/h3_01.jpg) no-repeat;
	width: 680px;
	height: 31px;
	margin: 20px 0;
}
#contents h3.h3_02{
	text-indent: -9999px;
	background: url(../images/h3_02.jpg) no-repeat;
	width: 680px;
	height: 31px;
	margin: 35px 0 20px 0;
}
#contents h3.h3_03{
	text-indent: -9999px;
	background: url(../images/h3_03.jpg) no-repeat;
	width: 680px;
	height: 31px;
	margin: 35px 0 20px 0;
}

#contents .use{
	margin: 0 12px;
}
#contents .use p{
	font-size: 14px;
}
#contents .usebox_01{
	width: 275px;
	height: 183px;
	float: left;
	margin: 0 0 20px 0;
}
#contents .usebox_02{
	width: 275px;
	height: 250px;
	float: left;
}
#contents .usebox_03{
	width: 275px;
	height: 265px;
	float: left;
}
#contents .usebox_02 img, #contents .usebox_03 img{
	 margin-top: 2px;
}
#contents .ml65{
	margin-left: 65px;
}

#contents h3.use_01{
	text-indent: -9999px;
	background: url(../images/use01.jpg) no-repeat;
	width: 106px;
	height: 36px;
	margin-bottom: 10px;
}
#contents h3.use_02{
	text-indent: -9999px;
	background: url(../images/use02.jpg) no-repeat;
	width: 106px;
	height: 36px;
	margin: 0 10px 0 0;
	float: left;
}
#contents h3.use_03{
	text-indent: -9999px;
	background: url(../images/use03.jpg) no-repeat;
	width: 106px;
	height: 36px;
	margin: 0 10px 0 0;
	float: left;
}
#contents p.use2_p{
	height: 36px;
	padding-top: 8px;
}

#contents h3.use_04{
	text-indent: -9999px;
	background: url(../images/use04.jpg) no-repeat;
	width: 106px;
	height: 36px;
	margin-bottom: 3px;
}
#contents h3.use_05{
	text-indent: -9999px;
	background: url(../images/use05.jpg) no-repeat;
	width: 106px;
	height: 36px;
	margin-bottom: 3px;
}

/* キャンペーンバナー */
#contents .cpn-bnr {
	width: 680px;
	height: 192px;
	margin: 0 auto 20px;
}

/* オリジナルテンプレートバナー */
#contents .otpl-bnr {
	background: url(../images/otmp_bnr.jpg) no-repeat;
	width: 680px;
	height: 30px;
	padding: 165px 0 0 20px;
	margin: 0 0 15px 0;
}

#contents .otpl-bnr ul {
	font-size: 14px;	
}


#contents .otpl-bnr ul li {
	float: left;
	list-style-type: none;
	background: url(../images/otmp_icon.gif) no-repeat 0px 5px;
	padding: 0 10px 0 15px;
}

#contents .otpl-bnr ul li a {
	color: #895000;
}


/*facebook*/
#fb-box {
	margin: 25px 0 15px;
}

/* 商品イメージ */
#good-imgbox {
	width: 680px;
	margin: 20px auto 10px;
}

#good-imgbox .left {
	margin: 0 10px 0 0;
}

#sidebar{
	width: 265px;
	margin-left: 35px;
	float: right;
}
.information{
	width: 263px;
	height: auto;
	border: 1px solid #ede7e0;
	padding-bottom:12px;
	margin-bottom: 10px;
}
.information:after{
	content: "";
	display: block;
	clear: both;
}
.information h2{
	text-indent: -9999px;
	background:url(../images/info.jpg) no-repeat;
	width: 263px;
	height: 50px;
	margin-bottom: 2px;
}
.information ul{
	list-style: none;
	color: #402c14;
	margin: 0 15px;
}
.information ul li{
	padding: 10px 0;
	border-bottom: 1px #898989 solid;
	width: 233px;
}
.information span{
	display: block;
}

.information span img{
	vertical-align:-0.15em;
}

.information .date{
	font-size: 10px;
}
.information .title{
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 4px;
}
.information .content{
	font-size: 13px;
	line-height: 20px;
}

.contact{
	width: 263px;
	height: auto;
	border: 1px solid #ede7e0;
	margin-bottom: 15px;
}
.contact:after{
	content: "";
	display: block;
	clear: both;
}
.contact h2{
	text-indent: -9999px;
	background:url(../images/contact.jpg) no-repeat;
	width: 263px;
	height: 50px;
	margin-bottom: 2px;
}
.contact ul{
	list-style: none;
	color: #402c14;
	margin: 10px 15px 0 15px;
}
.contact ul li{
	padding: 9px 0;
	width: 233px;
}
.contact ul li.tel{
	margin: 0 3px;
	text-indent: -9999px;
	background: url(../images/tel.jpg) no-repeat;
	width:222px;
	height: 46px;
	padding: 0 0 10px 0;
}
.contact ul li.contact_btn{
	margin: 0 12px;
	width: 208px;
	height: 29px;
	padding: 0 0 10px;
}

.banner ul li{
	list-style: none;
	padding-bottom: 8px;
}

.pagetop{
	float: right;
}

#footer{
	border-top: #453e34 5px solid;
	border-bottom: #453e34 38px solid;
	background: #b3aba0;
	height: auto;
}

#footer a {
	color: #453e34;
	text-decoration: underline;
}


#footer:after{
	content: "";
	display: block;
	clear: both;
}
#footer_content{
	margin: 0 auto;
	width: 1000px;
	height: auto;
}
#footer_content:after{
	content: "";
	display: block;
	clear: both;
}
.pagetop{
	background: url(../images/top.jpg) no-repeat;
	width:115px;
	height: 24px;
	text-indent: -9999px;
	position: relative;
	top: -29px;

}
.footer_box{
	width: 260px;
	height: auto;
	float: left;
	margin: 15px 0;
	padding: 15px 30px;
}
.footer_box:after{
	content: "";
	display: block;
	clear: both;
}
.footer_box2{
	width: 212px;
	height: 182px;
	float: left;
	padding: 0 28px 0 50px;
	margin: 0px 50px 25px 16px;
	position: relative;
}
.white_line{
	border-left: 2px #FFFFFF solid;
	border-right: 2px #FFFFFF solid;
}
.footer_box ul{
	clear: both;
}
.footer_box li{
	margin-bottom: 5px;
	list-style: none;
	font-size: 12px;
}
.footer_box li a:link, .footer_box li a:visited, .footer_box li a:hover{
	padding-left: 12px;
	background:url(../images/listmark.gif) no-repeat;
	background-position: 0 5px;
	
}
.footer_box h4{
	font-size: 12px;
	color: #453e34;
}
.footer_box p{
	font-size: 11px;
	color: #453e34;
	line-height: 1.2em;
}
.footer_box2 p{
	text-indent: -9999px;
	background: url(../images/kameleon_logo.gif) no-repeat;
	width: 212px;
	height: 182px;
}
.copy p{
	color: #fff;
	width: 1000px;
	margin: 0 auto;
	line-height: 0;
	letter-spacing: 0.6px;
	position: relative;
	top: 20px;
}