@charset "utf-8";
/* CSS Document */
/*
Theme Name: TOMOHOUSE
Theme URI: http://www.tomohouse.jp/
Description: The customized WordPress theme.
Version: 0.0
Author: CroquisWorks
Tags: mantle color, variable width, two columns, widgets
*/
a { text-decoration:none}
body {
	background: #fff;
	color: #000;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size:95%;
	margin: 0;
	padding: 0;
	line-height: 140%;
}
h2 {font-size:14px;margin:20px 0 2px 0;}
h3{font-size:12px;margin:0;padding:0;}

img {border:0}
#rap {width:843px;margin:0 auto 0 auto; position:relative;}
#back_top{
	background-position:center bottom;
	background-image: url(img/backgrand/back_top.gif);
	background-repeat: no-repeat;
	height:8px;
	width:843px;
	display:block;
	position:relative;
	margin:0 auto 0 auto;
}
#back_bottom{
	background-position:center top;
	background-image: url(img/backgrand/back_bottom.gif);
	background-repeat: no-repeat;
	height:22px;
	width:843px;
	display:block;
	position:relative;
	margin:0 auto 0 auto;
}

#back_main{
	width:843px;
	background-position:right top;
	background-image: url(img/backgrand/back_side.gif);
	background-repeat: repeat-y;
	margin:0 auto 0 auto;
}
#back_header{
	width:843px;
	height:55px;
	background-position:right top;
	background-image: url(img/backgrand/back_side_top.gif);
	background-repeat: repeat-y;
	display:block;
	position:relative;
	margin:0 auto 0 auto;
}

#back_footer{
	width:843px;
	height:55px;
	background-position:right top;
	background-image: url(img/backgrand/back_side.gif);
	background-repeat: repeat-y;
	display:block;
	position:relative;
	margin:0 auto 0 auto;
	background-color:#FFFFFF;
}

#main_box_home{width:777px;position:relative;margin:0 auto 0 auto;}
#main_box{width:776px;position:relative;margin:0 auto 0 auto;border-left:1px solid #0B58A9;border-top:5px solid #FFFFFF; }


#header{width:777px;height:57px;display:block;margin:0 auto 0 auto; background-color:#0B58A9;}
#footer{width:777px;height:57px;display:block;margin:0 auto 0 auto; background-color:#0B58A9;}
#swf {overflow:auto;700px;margin:0 auto 0 auto; background-color:#240000;position:relative;}
#content {width:700px;margin:0 auto 0 auto;padding: 20px 0 20px 0;background-color:#FFFFFF;position:relative; display:block;}

#content_blog {width:760px;margin:0 auto 0 auto;padding: 20px 0 20px 0;background-color:#FFFFFF;position:relative; display:block;}

#menu_blog{float:left;width:200px;margin:0 auto 0 auto;padding: 0px 0 0px 0;background-color:#FFFFFF;position:relative; display:block;}
#blog{float:left;width:550px;margin:0 auto 0 auto;padding: 0px 0 0px 0;background-color:#FFFFFF;position:relative; display:block;}


.white_font{ color:#FFFFFF;}
.blue_font{color:#0B58A9}
.blue_background{background-color:#0B58A9;}
.credit{ line-height:120%; color:#FFFFFF; font-size:11px; letter-spacing:0.1em;padding-top:8px;}
.clear {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.post_news {border:1px solid #0B58A9;padding:10px;margin-bottom:10px;}
.storytitle_news{border:1px solid #0B58A9;background-color:#0B58A9;color:#FAFAFA;padding:5px;}
h3 .storytitle_gallery{padding:0px;}

.storytitle_blog{
border-left:1px solid #0B58A9;
border-bottom:1px solid #0B58A9;
background-color:#FFFFFF;color:#0B58A9;padding:5px;}
.storytitle_blog_list{
border-bottom:1px dotted #0B58A9;
background-color:#FFFFFF;color:#0B58A9;padding:5p;}

#comment_area {
margin-left:20px;
padding-left:10px;
border-top:1px dotted #0B58A9;
border-left:1px dotted #0B58A9;
}

#submenu{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
} 
#submenu p{margin:0;padding:0;}
#submenu {font-size:11px;}
#submenu a:hover {
	text-decoration: none;
	border: 1px solid #666666;
	padding:8px 3px 8px 3px;
background-color:#FFFFFF;
}

#submenu a{
	text-decoration: none;
	padding:4px;
}
#submenu .now {
	text-decoration: none;
	border: 1px solid #666666;
	padding:8px 3px 8px 3px;
background-color:#FFFFFF;
}

blockquote{border-left: solid 10px #E8E8E8; padding-left:10px;}
.post_blog{border-left: solid 10px #FFFFFF; padding-left:10px;border-bottom: dotted 1px; #666666;margin-bottom:50px;}
.post_blog_single{border-left: solid 10px #FFFFFF; padding-left:10px;border-bottom: dotted 1px; #666666;}

#menu ul {margin-left:10px;padding-left:0;}
#menu li {margin-left:5px;padding-left:0;}
#calendar{font-size:110%;margin-left:0px;}
#wp-calendar td {padding:4px;}

#comment{width:450px;}