@charset "utf-8";


/* base.css
**************************************************************************************

1.default
2.toppage_header
3.toppage_visual
4.leftColumn
5.middleColumn
6.rightColumn
7.shop
8.footer
**************************************************************************************/

/* 1.default
------------------------------------------------------------ */

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, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-weight:normal;
	list-style-type:none;
	font-style:normal;
}

body {
	font-family: "メイリオ","ＭＳ Ｐゴシック","ＭＳゴシック",Osaka,"ヒラギノ角ゴ Pro W3","平成角ゴシック","Verdana","Arial","Helvetica",sans-serif;
	color:#333;
	font-size:80%;

}

div#wrapper {
	margin:0 auto;
	background:url(../images/backgrounds/topheader_bg.png) repeat-x;
	width:950px;
}

a:link {
	color:#286bcc;
}

a img {
	border:none;
}

a:visited {
	color:#d14ca7;
}

a:hover {
	color:#FF6600;
	text-decoration:none;
}

a:hover img.alpha {
	filter:alpha(opacity=70);
	opacity:0.6;
}


strong {
	color:#ff442b;
	font-weight:bold;
}

img.sumnail {
	margin: 0 12px 0 0;
	padding:1px;
	border: solid #bebdbd 1px;
}


hr.clear {
	clear:both;
	border: #FFF 1px dotted ;
	background: #FFF ;
}

.cl {
	clear:both;
}

.clL {
	clear:left;
}

.clR {
	clear:right;
}


.flR {
	float:right;
}

.flL {
	float:left;
}


.mg10RL {
	margin:0 10px;
}

.mg10UB {
	margin:10px 0;
}

.mg20U {
	margin-top:20px;
}

.mg20UB {
	margin:20px 0;
}

.mg10 {
	margin:10px;
}

.pd10 {
	padding:10px 20px;
}

/* 2.toppage_header
------------------------------------------------------------ */

div#topHeader{
	background:url(../images/backgrounds/top_headerline.png) left bottom no-repeat;
	height:85px

}

div.remoteNavi {
	float:right;
}

div.remoteNavi ul {
	clear:both;
}


div.remoteNavi ul li {
	float:right;
	margin:0 10px;
	padding-left:16px;
	background-position: center left;
}


/* 3.toppage_visual
------------------------------------------------------------ */

div#contentsBox {
	width:700px;
	margin-right:14px;
}

div#mainVisual {
	height:300px;
	background-color:#dedede;
	margin-bottom:20px;
} 


/* 4.leftColumn
------------------------------------------------------------ */



div.leftColumn {
	width:352px;
	}

div.conditions {
	width:352px;
	display:table;
	border:1px solid #307ea2;
	padding:1px;
}
	
div#contentsBox ul.item {
	font-size:85%;
}


div#contentsBox ul.item li {
	float:left;
	width:135px;
	margin: 3px 10px;
	padding-left:18px;
	background-position: center left;
}

div.introduction {
	width:349px;
	display:table;
	border:1px solid #c9c5c5;
	border-top:none;
	margin-bottom:20px;
}

ul.tab li {
	float:left;
	font-size:11px;
	text-align:center;
	line-height:27px;
}

ul.tab li.tabOff {
	background:url(../images/buttons/tub.jpg);
	width:117px;
	height:27px;
}

ul.tab li.tabOn {
	color:#444546;
	font-weight:bold;
	background:url(../images/buttons/tub_ho.jpg) ;
	width:117px;
	height:27px;
}
ul.tab li.tabOn a {
    text-decoration: none;
    color: #333;
}

/* 5.middleColumn
------------------------------------------------------------ */

div.middleColumn {
	width:334px;
	height:404px;
}

div.recommendBox {
	margin: 10px 0 10px 7px;
	clear:both;
}

div.linkBox {
	border: dotted 1px #b2b2b2;
	background:#edfdde;
	padding:10px 0 10px 10px;
	margin-bottom:20px;
	font-size:80%;
	display:table;
	width:324px;
}

div.linkBox li {
	margin-right:10px;
	float:left;
}

/* 6.rightColumn
------------------------------------------------------------ */

div#rightColumn {
	width:209px;
	margin:10px 15px 10px auto;
}



dl.infomation dt {
	padding:5px 0;
	margin-bottom:5px;
	border-bottom:1px dotted #CCCCCC;
}

div.rightBox {
	border:1px solid #a9c4eb;
	font-size:10px;
}

div.rightBox a {
	color:#286bcc;
}

div.rightBox ol li {
	padding: 3px 0 3px 5px ;
	line-height:14px;
}


div.rightBox img.sumnail2 {
		padding: 5px 5px 5px 5px ;
}

div.rightBox span.ranking {
	font-weight:bold;
	color:#ff8410;
	padding-right:3px;
}

div.rightBox span.up {
	font-weight:bold;
	color:#ffcc33;
	padding:0 3px;
}

div.rightBox p {
	color:#333333;
	padding:5px 5px 10px;
	font-size:110%;
}

div.rightBox span.shop {
	font-size:9px;
	padding-left:2px;
}

/* 7.shop
------------------------------------------------------------ */

div#shop {
	clear:both;
	width:712px;
}

div.shopBox {
	width:351px
}

dl.add {
	font-size:12px;
}

dl.add dt {
	color:#FF6600;
	font-weight:bold;
}

dl.add dd {
	margin-bottom:5px;
}

/* 8.footer
------------------------------------------------------------ */

hr.line {
		border-top: solid #2a2f2f 1px;
		margin:0;
		padding:0;
}

div#footer {
	background:#225e9a ;
	padding:12px 12px 30px 12px;
	font-size:85%;
	height:170px;
}

div#footer div.news {
	background:#FFF ;
	width:320px;
	display:table;
	margin: 0 12px 0 0 ;
}

div#footer div.news dl {
	padding:0 10px 10px 10px;
	line-height:20px;
	}

div#footer div.news dt {
	font-size:10px;
	float:right;
}

div#footer div.navi {
	width:550px;
}

div#footer ul {
	margin: 0 12px 12px 12px;
}

div#footer li {
	color:#bcbcbc;
	float:left;
	line-height:20px;
}

div#footer li a {
	color:#FFFFFF;
	line-height:20px;
	margin:0 5px;
}

#copyright {
	background:url(../images/backgrounds/footer_bg.png) repeat-x top left ;
	height:40px;
	color:#FFF;
	padding-top:7px;
	padding:3px 12px;
}

#copyright a {
	color:#FFF;
	font-size:10px;
}

#copyright img {
	margin:0px 3px ;
}
	

/* 9.weather
------------------------------------------------------------ */

#weather h3 {
    padding: 0 0 0 1.5em;
    font-size: 90%;
    margin: .5em 0 .1em .2em;
    background: url(../images/icons/icon_weather.png) no-repeat 0% 50%;
    text-align: left;
}
#weather table {
    border-collapse: collapse;
}
#weather th,
#weather td {
    border: 1px solid #bbb;
    padding: 0;
}
#weather th {
    padding-top: .2em;
    font-size: 80%;
    background-color: #eee;
}
#weather td {
    font-family: Arial;
    font-size: 90%;
    text-align: right;
}
#weather tr.higher td {
    background-color: #ffdfdf;
    padding-right: .1em;
}
#weather tr.lower td {
    background-color: #dfebff;
    padding-right: .1em;
}
#weather td span {
    font-size: 70%;
}

/* 10.smile_feed
------------------------------------------------------------ */

div#customer {
	background:url(../images/customer.png) no-repeat;
	width:346px;
	height:328px;
}

#smile_feed {
    padding-top: 80px;
}
#smile_feed h4 {
    padding-left: 3em;
}
#smile_feed p {
    text-align: right;
    padding-right: 3em;
}
#smile_feed p.smile_image {
    text-align: center;
    padding: 0;
}