@charset "utf-8";
/*
Theme Name: Tous
Theme URI: http://alohaworks.jp
Description: Theme for Tous
Version: 1.0
Author: Aloha Works
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

*/

/* Reset
----------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
img{vertical-align:bottom;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
strong {font-weight:bold;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
address, em{font-style:normal;}
a{text-decoration:none;}

/* Yahoo fonts.css 2.7.0
http://developer.yahoo.net/yui/license.txt
- Font size Adjustment.
 http://developer.yahoo.com/yui/examples/fonts/fonts-size_source.html
*/ body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* Common
----------------------------------------------- */
/*Links*/
a:link,
a:visited{color:#487757;}
a:hover,
a:focus{color:#52A3A7; text-decoration:underline;}

.block{clear:both;}
.block:after{content:"";display:block;clear:both;height:0.1px;overflow:hidden;}

#main p{margin-bottom:1.2em;}
.rec_intro img{float:left; margin-right:20px;}

.hide{display:none;}
.discw ul{padding:0 1em 0 2em; line-height:2em; list-style-type: circle;}

/* Frame
----------------------------------------------- */

html{background:url(images/common/bg_html.jpg) center 267px repeat-y;}
body{color:#444; background:url(images/common/bg_body.jpg) repeat-x;}

#wrapper{width:100%; padding-top:32px; background:url(images/common/bg_wrapper.jpg) center top no-repeat;}
#container{width:934px; padding-bottom:30px;}
#header{width:100%; height:20px;}

#contents{width:100%; background:url(images/common/bg_contents.jpg) right repeat-y;}
#sidebar{float:left; width:135px;}
#main{float:right; width:730px; padding:0 27px 40px; line-height:1.5; background:url(images/common/bg_main.jpg) bottom no-repeat;}
#main {
	min-height:450px;
	height: auto !important;
	height: 450px;
}
#footer{width:100%;}

#container,
#header,
#contents,
#footer{
	clear:both;
	margin:0 auto;
}

#contents:after,
#header:after,
#global_nav:after,
#contents:after,
#footer:after{
	content:"";display:block;clear:both;height:0.1px;overflow:hidden;
}


/* Header
----------------------------------------------- */
#sub_nav{text-align:right; background:url(images/common/dot.gif) right top repeat-y;}
#sub_nav li{display:inline; padding:0 0.7em; background:url(images/common/dot.gif) left top repeat-y;}


/* Sidebar
----------------------------------------------- */
#sidebar{padding:8px 2px 0;}

/* Global Navigation
----------------------------------------------- */
#global_nav{width:100%;}
#global_nav li{padding:17px 0 7px; border-bottom:1px solid #CCC;}
#global_nav li a{display:block; height:36px; width:125px; text-indent:-9999px; outline:0; border-top:2px solid #FFF;}
#global_nav li.nav1 a{background:#838CCC url(images/common/nav_home.jpg) no-repeat;}
#global_nav li.nav2 a{background:#ADCF5F url(images/common/nav_reco.jpg) no-repeat;}
#global_nav li.nav3 a{background:#FFAB56 url(images/common/nav_sale.jpg) no-repeat;}
#global_nav li.nav4 a{background:#E86687 url(images/common/nav_stor.jpg) no-repeat;}
#global_nav li.nav5 a{background:#B465E9 url(images/common/nav_comp.jpg) no-repeat;}
#global_nav li.nav6 a{background:#666666 url(images/common/nav_cont.jpg) no-repeat;}
#global_nav li a:hover{border:none; padding-bottom:2px;}

/* #global_nav li a:hover{background-position:100% -40px;} */

/* Topic path
----------------------------------------------- */
/* #topic_path{font-size:0.9em; padding-bottom:1em;} */

/* Headline
----------------------------------------------- */
h2#headline{height:65px; line-height:65px; margin-bottom:2em; position:relative;}
h2#headline img{position:absolute; top:0; left:-27px; z-index:10;}

/* Footer
----------------------------------------------- */
#footer{color:#999; text-align:right; padding-top:15px;}

/* home
----------------------------------------------- */
#info{float:left; width:260px;}
#info h2{margin-bottom:15px;}
#info dl{padding-left:25px; height:180px; overflow:auto;}
#info dt{}
#info dd{margin-bottom:1em;}

#picup{float:right; width:480px;}
#picup li{float:left; width:150px; padding-left:10px; color:#FFF;}
#picup li span{display:block; height:70px; padding:0 5px;}

#picup li.reco_info a{background:url(images/home/bg_reco.jpg) no-repeat;}
#picup li.sale_info a{background:url(images/home/bg_sale.jpg) no-repeat;}
#picup li.stor_info a{background:url(images/home/bg_stor.jpg) no-repeat;}
#picup li.reco_info a:hover{background:url(images/home/hover_reco.jpg) no-repeat;}
#picup li.sale_info a:hover{background:url(images/home/hover_sale.jpg) no-repeat;}
#picup li.stor_info a:hover{background:url(images/home/hover_stor.jpg) no-repeat;}

#picup li a{display:block; width:140px; height:180px; padding:40px 5px 10px; margin:0 auto;}
#picup a:link,
#picup a:visited,
#picup a:hover,
#picup a:focus{color:#FFF; text-decoration:none;}

#picup:after{content:"";display:block;clear:both;height:0.1px;overflow:hidden;}


/* Pages
----------------------------------------------- */
/*Store*/
#post-14 .entry{padding:0 40px;}
#post-14 h3{font-size:1.4em; margin-bottom:1em; padding-top:1em;}
#post-14 ul{width:100%;}
#post-14 ul li{width:100%; margin-bottom:2em;}
#post-14 ul li img{float:right; border:1px solid #999;}
#post-14 ul:after,
#post-14 ul li:after{content:"";display:block;clear:both;height:0.1px;overflow:hidden;}

/*Company*/
#post-23 .entry{padding:0 10px;}

#post-23 .tabContainer ul.tab{width:100%; margin-bottom: 0.5em;}
#post-23 .tabContainer ul.tab li{float:left; padding-left:10px;}
#post-23 .tabContainer ul.tab li.first{padding:0;}
#post-23 .tabContainer ul.tab a{display:block; width:230px; height:60px; line-height:60px; text-align:center; font-size:1.2em; font-weight:bold; background:url(images/bg_tab1.jpg) no-repeat;}
#post-23 .tabContainer ul.tab a:hover{text-decoration:none;}
#post-23 .tabContainer ul.tab .active a{background-position:0 -60px; text-decoration:none;}
#post-23 .tabContainer ul.tab:after{content:"";display:block;clear:both;height:0.1px;overflow:hidden;}

#post-23 #ribon{padding:1em; margin-bottom:1em;}
#post-23 #ribon h2{font-size:1.4em; margin-bottom:0.3em; padding-top:0.3em;}
#post-23 #ribon img{float:left;}
#post-23 #ribon h2,
#post-23 #ribon p{margin-left:0;}
#post-23 #ribon:after,
#post-23 #philosophy:after,
#post-23 #philosophy ul:after{content:"";display:block;clear:both;height:0.1px;overflow:hidden;}

#post-23 #philosophy{width:705px; margin:0 auto 3em; padding-top:10px; background:url(images/bg_philosophy.jpg) center 0 repeat-x;}
#post-23 #philosophy ul{width:100%; background:url(images/bg_philosophy.jpg) center bottom repeat-x;}
#post-23 #philosophy ul li{float:left; width:235px;}

#post-23 #philosophy p{float:none; margin:0 15px 1em;}
#post-23 #philosophy h2{color:#487757; padding:7px 0 0.5em; margin:0 15px 0.5em; border-bottom:1px solid #487757; background:url(images/common/mark_ribon.jpg) no-repeat; text-indent:30px;}
#post-23 #philosophy h2 span{display:block; font-size:1.2em;}
#post-23 th{width:140px;}
#post-23 th,
#post-23 td{padding:0.5em 0;}

#post-23 #tab2_Body h2,
#post-23 #tab3_Body h2{font-size:1.4em; padding-left:1em; margin-bottom:1em; border-left:3px solid #B465E9;}

/*Privacy*/
#post-29 .entry{padding:0 40px;}
#post-29 h2{font-size:1.2em; margin:1em 0;}
#post-29 h2.first{margin-top:0;}
#post-29 ul{list-style-type:square; padding-left:20px; margin-bottom:1em;}
#post-29 ol{padding-left:20px; margin-bottom:1em;}

/*Recruit*/
#post-27 #intro img{float:left;}
#post-27 #intro h2,
#post-27 #intro p{padding-left:260px;}
#post-27 #intro{width:100%; margin-bottom:1.5em;}
#post-27 #intro:after{content:"";display:block;clear:both;height:0.1px;overflow:hidden;}
#post-27 .works{padding:1px; margin:0 20px 2em; border:1px solid #52A3A7;}
#post-27 .works h3{font-size:1.2em; color:#FFF; padding:5px 10px; margin-bottom:1em; background-color:#52A3A7;}
#post-27 table{width:80%; margin:0 auto;}
#post-27 th{width:120px;}
#post-27 th,
#post-27 td{padding:0.5em 0;}


#post-27 #intro h2{font-size:1.4em; margin-bottom:1em; padding-top:1em;}

/* Archive
----------------------------------------------- */
#archives .rec_intro img{width:90px; height:auto;}
#archives .post{clear:both; padding:1.5em 40px; margin-bottom:1.5em; border-top:1px dotted #999;}
#archives .post:after{content:"";display:block;clear:both;height:0.1px;overflow:hidden;}

.navigation{clear:both;}

h3.cat_title{font-size:1.2em; margin-bottom:1em;}
h3.cat_title small{font-weight:normal; padding-left:2em;}

/* Single
----------------------------------------------- */
#single h2{font-size:1.4em; margin-bottom:1em;}
#single h3, #single h4{font-size:1.1em; margin-bottom:1em;}
#single h3{color:#75A823;}

#single_cat_1{width:680px; margin:0 auto;}
#single_cat_1 #info_block{clear:both; padding-top:1.5em; color:#797448; width:100%; margin-bottom:2em;}
#single_cat_1 #info_block h4{margin-bottom:0.5em;}
#single_cat_1 #info_block:after{content:"";display:block;clear:both;height:0.1px;overflow:hidden;}

#single_cat_1 #info_block .box_left{float:left; width:47%; padding:0 1%; border-right:1px solid #9D965E;}
#single_cat_1 #info_block .box_right{float:right; width:47%; padding:0 1%;}

#single_cat_1 #info_block .box_left dl{padding:0 1em; line-height:2em;}
#single_cat_1 #info_block .box_left dl dt{width:100px;}
#single_cat_1 #info_block .box_left dl dd{margin:-2em 0 0 105px;}

#single_cat_1 #info_block .box_right ul{padding:0 1em 0 2em; line-height:2em; list-style-type: circle;}

ul.prolist{width:100%;}
ul.prolist li{clear:both;}

#post-97 dl{line-height:1.5em; margin-bottom:1.5em; padding:1em; background-color:#F5F5F5;}
#post-97 dt{width:10em; font-weight:bold;}
#post-97 dd{margin:-1.5em 0 1em; padding:0 0 1em 10.5em; border-bottom:1px dotted #CCC;}

#post-98 ol{margin-left:25px;}
#post-98 ol li{margin-bottom:1em; border-bottom:1px dotted #CCC;}
#post-98 ol li h4{font-size:1em;}

/* Wordpress
----------------------------------------------- */
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}