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

html,body{
	margin:0;
	padding:0;
}
body {font:13px/1.231 ;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{
	text-align:center;
	color: #333;
	background-color: #FBF8F1;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	clear: both;
}
th,td{
	font-size: 93%;
}
p,ul,ol,li,dl,dt,dd{
	margin: 0;
	padding: 0;
	line-height: 1.4;
}
ul{
	list-style: none;
}
a img{
	border: 0;
}
a{
	color: #003399;
	text-decoration: none;
}
a:hover{
	color: #FF6600;
	text-decoration: none;
}
br.cb{
	clear: both;
}

hr.hr01{
	display: block;
	border: 0;
	background: url(common/images/hr01.gif) no-repeat center 0;
	height: 12px;
	margin: 15px 10px;
}

/*======================================
#container
=======================================*/
div#container{
	text-align:left;
	background: url(common/images/bg_container.gif) repeat-y 0 0;
	clear: both;
}
div#content p{
	line-height:1.4
}

/*======================================
#content
=======================================*/
body.under div.h1Box{
	background: url(common/images/bg_ttl03.gif) no-repeat 0 bottom;
	margin: 0 0 0 10px;
	padding: 0 0 8px 0;
}
body.under div.h1Box p.topicPath{
	font-size: 80%;
	background: url(common/images/bg_ttl01.gif) no-repeat 0 0;
	padding: 5px 0 5px 14px;
	margin: 0;
	color: #666;
}
body.under div.h1Box p.topicPath a{
	color: #666;
}
body.under div.h1Box p.topicPath a:hover{
	color: #FF6600;
}
body.under div.h1Box h1{
	clear: both;
	padding: 0 0 0 30px;
	background: url(common/images/bg_ttl02.gif) no-repeat 0 0;
	font-size: 120%;
}
body.under h2{
	clear: both;
	margin: 10px 18px 0 18px;
	padding: 3px 0 3px 22px;
	background: url(common/images/bullet_g01.gif) no-repeat 4px center;
	border-bottom: 1px #ccc solid;
	font-size: 100%;
}
body.under div#entry p{
	margin: 10px 18px 0;
	font-size: 93%;
}
body.under div#entry p.date{
	text-align: right;
}
body.under div#entry ol{
	margin: 10px 10px 0 40px;
	font-size: 93%;
}
body.under div#entry ol li{
	padding: 0 0 10px 5px;
}
body.under div#entry ul{
	margin: 10px 10px 0 10px;
	list-style-type: none;
	font-size: 93%;
}
body.under div#entry ul li{
	padding: 0 0 0 30px;
	background: url(common/images/bullet_g02.gif) no-repeat 12px 3px;
}
body.under div#entry dl.category{
	margin: 10px 0 0 10px;
	font-size: 93%;
}
body.under div#entry dl.category dt{
	padding: 0 0 0 30px;
	background: url(common/images/bullet_g01.gif) no-repeat 12px 3px;
}
body.under div#entry dl.category dd{
	padding: 0 0 0 30px;
}
body.under div#entry p.more{
	margin: 10px 0 0 10px;
	padding: 0 0 0 30px;
	background: url(common/images/bullet_g01.gif) no-repeat 12px 3px;
	font-size: 93%;
}

#entry img.border{
	border: #DCD8CD 5px solid;
}
img.alignleft{
	margin: 0 10px 10px 20px;
	float: left;
}
img.alignright{
	margin: 0 10px 10px 20px;
	float: right;
}
img.aligncenter{
	text-align: center;
}

.outlineBox{
	margin: 10px 10px 0;
}
table.outline{
	margin:0 0 0 18px;
}
table.outline th{
	width: 110px;
	background-color: #EBEEED;
	color: #333;
	border-bottom:1px solid #C6D6D1;
 padding:0.3em 1em;
 text-align:center;
	vertical-align: top;
}
table.outline td{
	border-bottom:1px solid #C6D6D1;
	padding:0.3em 1em;
}

body.under div#entry .ddsg-wrapper ul{
	margin: 10px 0 0 10px;
	font-size: 100%;
}
body.under div#entry .ddsg-wrapper ul ul{
	margin: 0 0 0 10px;
}
body.under div#entry .ddsg-wrapper ul a{
	font-size: 93%;
}
body.under div#entry .box01{
	background: #FBF8F1;
	border-top: 1px dotted #F6E8C7;
	border-bottom: 1px dotted #F6E8C7;
	font-size: 110%;
	font-weight: bold;
	margin: 5px 15px 10px 20px;
	padding: 0 10px 10px;
	text-align: center;
	color: #826C5C;
}
body.under div#entry .box02{
	border: 1px dotted #ccc;
	margin: 5px 15px 10px 20px;
	padding: 0 10px 10px;
}
body.under div#entry .box02 p{
	margin: 10px 0 0;
}
body.under div#entry .m20{
	margin-top: 30px;
}

/*======================================
#navi
=======================================*/
div#navi .inside {
	margin: 0 0 0 15px;
}
div#navi ul {
	background: url(common/images/bg_menu02.gif) no-repeat 0 bottom;
	width: 220px;
	padding: 0 0 5px;
	margin-top: 10px;
}
div#navi ul li {
	border-bottom: none;
	padding: 0;
	margin: 0;
}
div#navi ul li a{
	background: url(common/images/bullet_menu01.gif) no-repeat 8px center;
	text-decoration: none;
	color: #333;
	padding: 0 0 0 25px;
	margin: 0;
	font-size: 93%;
}
div#navi ul li a:hover{
	color: #FF6600;
}
div#navi ul li ul {
	background: url(common/images/bg_menu04.gif) no-repeat 0 bottom;
	padding: 0 0 5px;
	margin: 5px 0;
}
div#navi ul li ul li {
}
div#navi ul li ul li a {
	background: url(common/images/bullet_menu02.gif) no-repeat 8px center;
}
div#navi ul li ul li a:hover{
}
div#navi ul li.first {
	background: url(common/images/bg_menu01.gif) no-repeat 0 0;
	padding-top: 5px;
}
div#navi ul ul li.first {
	background: url(common/images/bg_menu03.gif) no-repeat 0 0;
	padding-top: 5px;
}

div#navi img#bnr_room{
}
div#navi img#bnr_blog,
div#navi img#bnr_sawatonton,
div#navi img#bnr_shop,
div#navi img#bnr_order{
	margin: 5px 0 0;
}

/*======================================
#extra
=======================================*/
div#extra a{
	color: #675243;
	text-decoration:none;
}
div#extra a:hover{
	color: #675243;
	text-decoration:underline;
}
img#your_arigaton{
	margin: 5px 0 0 10px;
}
div#youtube{
	margin: 0 0 0 10px;
}
div#youtube p{
	margin: 8px 0 0;
	color: #675243;
	font-size: 11px;
	font-weight:bold;
}

div#magazine{
	margin: 5px 0 0 10px;
	padding: 0 0 5px 0; 
	background: url(common/images/bg_magazine.gif) no-repeat 0 bottom;
}
div#magazine .inside{
	margin: 5px 0 0 10px;
}
div#magazine h3{
	background: url(common/images/ttl_magazine.gif) no-repeat 0 0;
	height: 23px;
}
div#magazine h3 span{
	display: none;
}
div#magazine .email{
	border: 1px #ccc solid;
background-color: #fff;
	padding: 1px;
}
div#magazine .email:hover{
background-color: #eee;
}
div#magazine .mini{
	margin: 3px 0 0;
}
div#magazine .btn{
	border: 0;
	background: #826C5C;
	color: #FFF;
	margin: 3px 0 0;
	padding: 1px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 4px;
}
div#magazine .btn:hover{
	background: #FF9900;
}
div#magazine .mag_rule{
	font-size: 85%;
}
div#magazine .s_btn{
	color: #333;
	font-size: 85%;
}
div#magazine #txt_qr{
	padding: 5px 0 0;
}
div#magazine #txt_today_arigaton{
	padding: 0 0 3px;
}
div#magazine #txt_okurimono{
	padding: 10px 0 3px;
}

img.bnr_ad{
}


/*======================================
#header
=======================================*/
div#header{
	width: 930px;
	margin: 0 auto;
	background: url(common/images/header.gif) no-repeat 0 0;
	height: 88px;
}
div#header span{
	display: none;
}
div#header a#logo{
	display: block;
	background: url(common/images/logo.gif) no-repeat 0 0;
	width: 210px;
	height: 49px;
	float: left;
	position: relative;
	top: 15px;
	left: 25px;
}
div#header .header_r{
	width: 685px;
	padding: 20px 0 0 0;
	float: right;
}
div#header .header_r2{
	padding: 0 15px 0 0;
}
div#header img#txt_header{
	float: left;
	display:block;
}
div#header img#txt_contact{
	float: right;
	display:block;
}

div#header ul.target{
	clear: both;
	padding: 9px 0 0;
	width: 670px;
}
div#header ul.target li{
	display:inline;
}
div#header ul.target li a{
	float: left;
	display: block;
	width: 166px;
	height: 20px;
}
div#header li.utsu_yourself a{
	background: url(common/images/btn_utsu_yourself.gif) no-repeat 0 0;
}
div#header li.utsu_yourself a:hover{
	background: url(common/images/btn_utsu_yourself_o.gif) no-repeat 0 0;
}
div#header li.utsu_support a{
	background: url(common/images/btn_utsu_support.gif) no-repeat 0 0;
	margin: 0 0 0 2px;
}
div#header li.utsu_support a:hover{
	background: url(common/images/btn_utsu_support_o.gif) no-repeat 0 0;
	margin: 0 0 0 2px;
}
div#header li.for_business a{
	background: url(common/images/btn_for_business.gif) no-repeat 0 0;
	margin: 0 0 0 2px;
}
div#header li.for_business a:hover{
	background: url(common/images/btn_for_business_o.gif) no-repeat 0 0;
	margin: 0 0 0 2px;
}
div#header li.arigaton_secret a{
	background: url(common/images/btn_arigaton_secret.gif) no-repeat 0 0;
	margin: 0 0 0 2px;
}
div#header li.arigaton_secret a:hover{
	background: url(common/images/btn_arigaton_secret_o.gif) no-repeat 0 0;
}

/*======================================
Footer
=======================================*/
div#footer{
	clear: both;
	font-size: 85%;
	text-align: right;
}
div#footer p{
	padding: 5px 15px;
}
div#footer .inside p{
	border-top: 1px solid #ccc;
	padding: 10px;
	margin: 0 5px;
	color: #666;
	text-align: center;
}


/*======================================
Comments
=======================================*/
#entry ol.commentlist {
	margin: 10px 10px 0 20px;
	}
body.under #entry ol.commentlist li {
	list-style: none;
	background: url(common/images/bullet_comment.gif) no-repeat 20px 5px;
	padding: 0 10px 0 60px;
	margin: 0 0 20px;
	}
#entry ol.commentlist li p {
	margin: 0;
	padding: 5px;
	background-color: #FBF8F1;
	}
#entry #commentform p {
	clear: both;
	padding: 5px 10px 5px 20px;
	}
#entry #commentform p label {
	width: 200px;
	display: block;
	float: left;
}
#entry #commentform input{
	border: 1px solid #ccc;
	padding: 2px;
	float: right;
}
#entry #commentform textarea{
	border: 1px solid #ccc;
	padding: 2px;
}
#entry #commentform #submit{
	clear: both;
	border: 0;
	background: #826C5C;
	color: #FFF;
	margin: 0;
	padding: 1px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 4px;
}


/*======================================
Float
=======================================*/
div#container{width:930px;margin:0 auto}
div#wrapper{float:left;width:755px}
div#content{float:right;width:520px}
div#extra{float:right;width:175px;}
div#navi{float:left;width:235px;}
div#footer{clear:both;width:100%}