@charset "Shift_JIS";

@import "reset.css";

@import "base.css";

/* ::::: http://www.cafephono.com/style.css ::::: */

/*
 * Table of Contents ===============
 * Last update 09/11/24
 * 
 * body
 * header
 * contents
 * sidebar
 * main
 * inside
 * items
 * infomation
 * footer
 * =================================
 */

body{
	width:919px;
	text-align: center;
	margin-left : auto ;
	margin-right : auto ;
	}
/*-------------------------------- header -------------------*/
#header{
	width:919px;
	text-align : left ;
	}
#logo{
	float:left
	}
#topmenu{
	display:block;
	float:right;
	margin:55px 0 0 0;
	padding:0; 
	}
#topmenu li{
	float:left;
	width:110px;
	margin:0;
	padding:3px 0 0 0; 
	font-weight:bold;
	display:block; 
	list-style-type:none;
	}
#topmenu a{
	text-transform:uppercase;
	background:url(images/but.gif) no-repeat;
	background-position:top left;
	background-repeat:no-repeat;
	line-height:32px;
	display:block;
	text-decoration:none;
	text-align:center;
	}
#topmenu a:link{
	color:#000000; 
	}
#topmenu a:hover{
	color:#ff3333;
	}
/*-------------------------------- contents -------------------*/
#contents{
	width:919px;
	clear:both;
	text-align : left ;
}
/*-------------------------------- sidebar -------------------*/
#sidebar{
	width:233px;
	float:left;
	padding:15px 0 0 4px;
	}
#sidenavi{
	background-color:#92A117;
	background-image:url(images/sidebar_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:12px 0 14px 0;
	border-bottom:1px solid #fff;
	}
#navigation{
	color:#0D0D0D;
	}
#navigation li{
	list-style-type:none;
	width:190px;
	padding:0 0 2px 0;
	line-height:28px;
	}
#navigation a{
	color:#0D0D0D;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	display:block;
	line-height:28px;
	background-image:url(images/li_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0 0 0 30px;
	}
#navigation a:hover{
	color:#ff3333;
	}
#cart{
	height:47px;
	line-height:16px;
	margin:35px 0 0 13px;
	padding:15px 0 0 60px;
	background-image:url(images/cart_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}
#cart a{
	color:#3333ff;
	text-decoration:none;
	font-weight:bold;
	}
#cart a:hover{
	color:#ff3333;
	}
#categories{
	border:1px solid #BBBBBB;
	border-top:0px;
	margin:10px 0 10px 0;
	}
#categories h2{
	background-color:#cc66cc;
	color:#ffffff;
	height:30px;
	padding:6px 0 0 18px;
	}
.categories{
	padding:5px 0 5px 0;
	}
.categories li{
	list-style-type:none;
	background-image:url(images/bullet.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0 0 7px 25px;
	line-height:17px;
	height:18px;
	display:block;
	}
.categories a{
	font-size:93%;
	color:#4B4B4B;
	text-decoration:none;
	}
.categories a:visited{
	text-decoration:none;
	}
.categories a:hover{
	text-decoration:underline;
	color:#ff3333;
	}
.review{
	border:1px solid #BBBBBB;
	border-top:0px;
	font-size:93%;
	color:#565656;
	margin:0 0 10px 0;
	}
.review h1{
	background-color:#cc66cc;
	color:#ffffff;
	height:30px;
	padding:6px 0 0 18px;
	}
.review h2{
	background-color:#cc66cc;
	color:#ffffff;
	height:30px;
	padding:6px 0 0 18px;
	}
.review li{
	padding:5px 0 5px 5px;
	list-style-type:none;
	}
.review a, .item a{
	color:#3792AE;
	text-decoration:underline;
	font-weight:bold;
	}
.review a:visited, .item a:visited{
	text-decoration:underline;
	}
.review a:hover, .item a:hover{
	text-decoration:none;
	color:#ff3333;
	}
.review p{
	padding:10px 32px 13px 0;
	}
.stars{
	margin:0 0 0 30px;
	}
/*-------------------------------- main -------------------*/
#main{
	width:682px;
	float:right;
	margin:0 0 20px 0;
	}
/*-------------------------------- inside -------------------*/
#inside{
	padding:15px 0 10px 17px;
	}
#inside p{
	font-size:123.1%;
	}
#inside h1{
	clear:both;
	color:#4B4B4B;
	font-weight:bold;
	margin:10px 0 10px 0;
	padding:10px 0 5px 25px;
	border-left:#F4A460 20px solid;
	border-top:#FF6347 1px solid;
	}
.info{
	font-size:85%;
	color:#565656;
	padding:17px 0 36px 0;
	float:left;
	}
.info img{
	float:left;
	margin:0 22px 0 0;
	}
.info p{
	width:470px;
	float:left;
	padding:0 0 12px 0;
	}
.location_navi{
	padding:15px 0 15px 20px;
	font-size:93%;
	}
.location_navi a{
	color: #3333ff;
	text-decoration:none;
	}
.location_navi a:hover{
	color: #ff3333;
	text-decoration:underline;
	}
/*-------------------------------- items -------------------*/
#items{
	float:left;
	margin:0 0 40px 0;
	}
.item{
	width:213px;
	border:1px solid #BBBBBB;
	margin:10px 0 0 0;
	float:left;
	}
.item_info{
	display:block;
	height:23px;
	background-color:#F4F8EE;
	padding:0 0 0 10px;
	}
.item p{
	display:block;
	line-height:23px;
	background-color:#F4F8EE;
	padding:0 0 0 10px;
	float:left;
	}
.center{
	margin:10px 10px 0 10px;
	}
/*--------------------------------sitemap-------------------*/
.sitemap{
	width:640px;
	padding:0 0 0 5px;
	float:left;
	}
.sitemap ul{
	margin:15px 0 35px 50px;
	padding:0;
	}
.sitemap a{
	border-left:#F4A460 0.6em solid;
	padding-left:0.6em; 
	margin: 10px 0px 0px 5px;
	font-size:108%;
	color: #0066ff;
	line-height: 1.6em;
	font-weight: normal;
	}
.sitemap a:hover{
	color: #ff3333;
	}
.map_item{
	font-size:100%;
	}
/*--------------------------------souryou-------------------*/
#souryou{
	width:640px;
	padding:30px 0 0 5px;
	float:left;
	}
#souryou p{
	padding:20px 0 0 50px;
	font-size:100%;
	}

.table1{
	width:450px;
	padding:0 0 0 40px;
	clear:both;
	}
.table1_1{
	width:80%;
	float:left;
	height:3.0em;
	padding:5px 0 0 10px;
	border-top:#F4A460 1px solid;
	border-left:#F4A460 1px solid;
	border-right:#F4A460 1px solid;
	}
.table1_2{
	width:15%;
	float:left;
	height:3.0em;
	padding:5px 0 0 8px;
	border-top:#F4A460 1px solid;
	border-right:#F4A460 1px solid;
	}
.table1_1bottom{
	width:80%;
	float:left;
	height:3.0em;
	padding:5px 0 0 10px;
	border:#F4A460 1px solid;
	}
.table1_2bottom{
	width:15%;
	float:left;
	height:3.0em;
	padding:5px 0 0 8px;
	border-top:#F4A460 1px solid;
	border-right:#F4A460 1px solid;
	border-bottom:#F4A460 1px solid;
	}
/*--------------------------------tokutei-------------------*/
#tokutei{
	width:640px;
	padding:30px 0 0 5px;
	float:left;
	}
#tokutei p{
	font-size:100%;
	}
.table2{
	width:630px;
	padding:0 0 0 40px;
	clear:both;
	}
.table2_1{
	width:30%;
	float:left;
	height:3.0em;
	padding:5px 0 0 10px;
	border-top:#F4A460 1px solid;
	border-left:#F4A460 1px solid;
	border-right:#F4A460 1px solid;
	}
.table2_2{
	width:65%;
	float:left;
	height:3.0em;
	padding:5px 0 0 8px;
	border-top:#F4A460 1px solid;
	border-right:#F4A460 1px solid;
	}
.table21_1{
	width:30%;
	float:left;
	height:4.0em;
	padding:5px 0 0 10px;
	border-top:#F4A460 1px solid;
	border-left:#F4A460 1px solid;
	border-right:#F4A460 1px solid;
	}
.table21_2{
	width:65%;
	float:left;
	height:4.0em;
	padding:5px 0 0 8px;
	border-top:#F4A460 1px solid;
	border-right:#F4A460 1px solid;
	}
.table22_1{
	width:30%;
	float:left;
	height:8.0em;
	padding:5px 0 0 10px;
	border-top:#F4A460 1px solid;
	border-left:#F4A460 1px solid;
	border-right:#F4A460 1px solid;
	}
.table22_2{
	width:65%;
	float:left;
	height:8.0em;
	padding:5px 0 0 8px;
	border-top:#F4A460 1px solid;
	border-right:#F4A460 1px solid;
	}
.table23_1{
	width:30%;
	float:left;
	height:14.0em;
	padding:5px 0 0 10px;
	border-top:#F4A460 1px solid;
	border-left:#F4A460 1px solid;
	border-right:#F4A460 1px solid;
	}
.table23_2{
	width:65%;
	float:left;
	height:14.0em;
	padding:5px 0 0 8px;
	border-top:#F4A460 1px solid;
	border-right:#F4A460 1px solid;
	}
.table2_1bottom{
	width:30%;
	float:left;
	height:6.0em;
	padding:5px 0 0 10px;
	border:#F4A460 1px solid;
	}
.table2_2bottom{
	width:65%;
	float:left;
	height:6.0em;
	padding:5px 0 0 8px;
	border-top:#F4A460 1px solid;
	border-right:#F4A460 1px solid;
	border-bottom:#F4A460 1px solid;
	}
/*--------------------------------Q & A-------------------*/
#qa1{
	margin: 10px 0 10px 15px;
	font-size:100%;
	}
#qa1 h2{
	border-left:#F4A460 0.6em solid;
	padding-left:0.6em; 
	margin: 20px 0px 0px 35px;
	color: #4B4B4B;
	line-height: 1.6em;
	font-weight: normal;
	}
#qa1 ul{
	margin:10px 0 30px 60px;
	padding:0;
	}
#qa2{
	margin: 10px 0px 10px 15px;
	font-size:100%;
	}
#qa2 ul{
	margin:25px 0 30px 50px;
	padding:0;
	}
.question{
	background-color:#ccffff;
	padding:10px 0 10px 10px;
	border:1px solid #99cccc;
	}
.answer{
	margin:5px 0 15px 20px;
	color: #4B4B4B;
	}
/*--------------------------------johou-------------------*/
#johou ol li{
	margin:2px 0 0 20px;
	list-style-type:lower-alpha;
	color: #4B4B4B;
	}
#johou ol li.decimal{
	list-style-type:decimal;
	}
.mid{
	margin:10px 50px 80px 30px;
	}
/*--------------------------------toiawase-------------------*/
#toiawase{
	padding:0 0 0 5px;
	float:left;
	}
#toiawase h2{
	clear:both;
	color:#4B4B4B;
	font-weight:bold;
	margin:30px 0 10px 55px;
	padding:0 0 0 8px;
	border-left:#F4A460 10px solid;
	}
#form{
	margin:0;
	}
#submit{
	clear:both;
	padding:20px 0 0 5px;
	}
#toiawase p{
	width:550px;
	padding:0 10px 0 75px;
	font-size:100%;
	}
.red{
	color:#ff0000;
	font-weight:bold;
	}
.green{
	color:#00cc00;
	font-weight:bold;
	}
.form_left_1{
	clear:both;
	float:left;
	width:140px;
	height:3.0em;
	margin:0 0 0 40px;
	padding:0.5em 0 0 0.5em;
	background-color:#f5f5dc;
	border:1px solid #99cccc;
	}
.form_right_1{
	float:left;
	width:400px;
	height:3.0em;
	margin:0 0 0 0;
	padding:0.5em 0 0 0.5em;
	background-color:#f8f8ff;
	border:1px solid #99cccc;
	}
.form_left_2{
	clear:both;
	float:left;
	width:140px;
	height:6.0em;
	margin:0 0 0 40px;
	padding:0.5em 0 0 0.5em;
	background-color:#f5f5dc;
	border:1px solid #99cccc;
	}
.form_right_2{
	float:left;
	width:400px;
	height:6.0em;
	margin:0 0 0 0;
	padding:0.5em 0 0 0.5em;
	background-color:#f8f8ff;
	border:1px solid #99cccc;
	}
.form_left_3{
	clear:both;
	float:left;
	width:140px;
	height:12em;
	margin:0 0 0 40px;
	padding:0.5em 0 0 0.5em;
	background-color:#f5f5dc;
	border:1px solid #99cccc;
	}
.form_right_3{
	float:left;
	width:400px;
	height:12em;
	margin:0 0 0 0;
	padding:0.5em 0 0 0.5em;
	background-color:#f8f8ff;
	border:1px solid #99cccc;
	}
/*--------------------------------ichiran-------------------*/
.ichiran{
	clear:both;
	margin:40px 0 0 20px;
	}
.ichiran h2{
	border-left:#F4A460 0.6em solid;
	border-top:#FF6347 1px solid;
	padding-left:0.6em; 
	margin: 20px 0px 20px 5px;
	color: #4B4B4B;
	line-height: 1.6em;
	font-weight: normal;
	}
.ichiran h3{
	color:#009900;
	font-weight:bold;
	}
.float_left{
	float:left;
	margin:0 15px 0 0;
	height:240px;
	}
.float_lefthi{
	float:left;
	margin:0 15px 0 15px;
	height:310px;
	}
.float_right{
	float:right;
	margin:0 15px 0 15px;
	height:240px;
	}
.float_righthi{
	float:right;
	margin:0 15px 0 15px;
	height:310px;
	}
.float_left h2{
	margin:15px 0 0 0;
	}
.float_right h2{
	margin:15px 0 0 0;
	}
.clear_both{
	clear:both;
	margin:0;
	}
a.external_text         {background-image: url("./images/external.png"); 
						background-attachment:scroll; 
						background-repeat:no-repeat;
						background-position:right center;
						margin:0px 4px 0px 4px;
						padding: 0px 12px 0px 0px; }
a.external_text:link    {color: #3333ff; text-decoration:underline;}
a.external_text:visited {color: #cc00cc; text-decoration:underline;}
a.external_text:hover   {color: #ff3333; text-decoration:underline;}
a.external_text:active  {color: #ff3333; text-decoration:underline;}
/*--------------------------------infomation-------------------*/
#infomation{
	clear:both;
	margin:0;
	padding:20px 0 0 0;
	}
/*--------------------------------guide-------------------*/
#guide{
	width:214px;
	padding:0 0 0 5px;
	float:left;
	}
#guide h2{
	background:url(images/guide_bg.gif) no-repeat;
	height:45px;
	padding:5px 20px 0 71px;
	margin:0;
	font-weight:normal;
	}
#guide p{
	font-size:93%;
	color:#000000;
	margin:19px 10px 10px 10px;
	padding:0; 
	}
#guide ul{
	margin:0 0 0 5px;
	padding:0;
	}
#guide li a{
	border-left:#F4A460 0.6em solid;
	padding-left:0.6em; 
	margin: 5px 0px 0px 5px;
	font-size:93%;
	color: #0066ff;
	line-height: 1.6em;
	font-weight: normal;
	}
#guide a:hover{
	color: #ff3333;
	}
.guidehonbun {
	margin: 0 10px 0 20px;
	padding: 0px;
	font-size:93%;
	line-height: 1.4em;
	color: #666666;
	list-style-type: disc;
	font-weight: normal;
	}
/*------------------------support-------------*/
#support{
	width:214px;
	padding:0 0 0 7px;
	float:left;
	}
#support h2{
	background:url(images/support.gif) no-repeat;
	height:45px;
	padding:5px 20px 0 71px;
	margin:0;
	font-weight:normal;
	}
#support p{
	font-size:93%;
	color:#000000;
	margin:19px 10px 10px 10px;
	padding:0; 
	}
#support ul{
	margin:0 0 0 5px;
	padding:0;
	}
#support a{
	border-left:#F4A460 0.6em solid;
	padding-left:0.6em; 
	margin: 5px 0px 0px 5px;
	font-size:93%;
	color: #0066ff;
	line-height: 1.6em;
	font-weight: normal;
	}
#support a:hover{
	color: #ff3333;
	}
/*--------------------------------holiday-------------------*/
#holiday{
	width:214px;
	padding:0 0 0 7px;
	float:left;
	}
#holiday h2{
	background:url(images/holiday.gif) no-repeat ;
	height:45px;
	padding:5px 20px 0 71px;
	margin:0;
	font-weight:normal;
	}
#holiday p{
	font-size:93%;
	margin:19px 10px 10px 10px;
	padding:0; 
	}
#holiday h3{
	color:#fff6d8;
	width:190px;
	display:block;
	margin:19px 10px 0 16px;
	padding:0;
	font-weight:bold;
	background-color:#ff9900;
	text-align:center;
	}
/*-----------------------------------------
#holiday a{
	border-left:#F4A460 0.6em solid;
	padding-left:0.6em; 
	margin: 5px 0px 0px 5px;
	font-size:93%;
	color: #0066ff;
	line-height: 1.6em;
	font-weight: normal;
	}
------------------------------------------*/
#holiday a:hover{
	color: #ff3333;
	}
#booei{
	margin:20px 0 20px 30px;
	padding:0;
	}
/*-------------------------------- footer -------------------*/
#footer{
	width:919px;
	text-align:center;
	font-size:93%;
	color:#0D0D0D;
	margin:0;
	clear:both;
	}
#footer ul{
	background-image:url(images/footer_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:20px 0 20px 0;
}
#footer li{
	display:inline;
	list-style-type:none;
	}
#footer ul a{
	color:#0D0D0D;
	text-decoration:none;
	margin:0 12px;
	font-weight:bold;
}
#footer ul a:visited{
	text-decoration:none;
	}
#footer ul a:hover{
	text-decoration:underline;
	color:#ff3333;
	}
#banner{
	float:left;
	margin:0 0 0 10px;
	}
#valid{
	float:right;
	}