@charset "utf-8";
/*
Theme Name: ワンオアエイト専用テーマ
Theme URI: http://www.sweep-web.com
Description: ワンオアエイト専用テーマ
Version: 1.0
Author: sweep
Author URI: http://www.sweep-web.com
Tags: blue, custom header, fixed width, two columns, widgets
Text Domain: kubrick

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


body {
	margin:0px;
	padding:0px;
	text-align: center;
	font-size:80%;
        font-family: "MS UI Gothic","MS PGothic";
	color:#323232;
	line-height:1.4em;
	background: url(./img/bg.gif);
	background-position:0 0;
	background-repeat:repeat-x;
}
h1,h2,h3,h4,h5{
	margin:0px;
	padding:0px;
}
p {
	padding:0px;
	margin:0px;
}
ul , dl , ol{
	padding:0px;
	margin:0px;
	list-style:none;
}
img {
	border:0px;
	padding:0px;
	margin:0px;
	vertical-align:bottom;
}
form {
	padding:0px;
	margin:0px;
}
a:link {
	color: #781414;
	text-decoration: none;
}
a:visited {
	color: #781414;
	text-decoration: none;
}
a:hover {
	color: #781414;
	text-decoration:underline;
}
a:active {
	color: #781414;
	text-decoration: none;
}

.cl{
	clear:left;
}
.clr{
	clear:right;
}
.clb{
	clear:both;
}
.del{
	text-indent:-9999px;
	height:1px;
	overflow:hidden;
}

/************************************/
/*  ヘッダー
/************************************/
h1{
	width:950px;
	height:20px;
	padding-left:10px;
	margin:0px auto;
	background:#ED6D00;
	font-size:12px;
	color:#fff;
	font-weight:normal;
	text-align:left;
	overflow:hidden;
}
#header{
	width:950px;
	height:140px;
	margin:0px auto;
}
#header .logo a{
	width:340px;
	height:140px;
	background-image:url(./img/logo.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display: block;
	float:left;
}
#header .icon{
	width:280px;
	height:140px;
	background-image:url(./img/top_right.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	float:right;
}
#header .icon ul{
	margin-top:65px;
	margin-left:15px;
	list-style:none;
}
#header .icon li{
	float:left;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#header .icon a{
	display: block;
	width:80px;
	height:30px;
}
#header .icon .icon1 a{
	background-image:url(./img/top_home.gif);
}
#header .icon .icon2 a{
	background-image:url(./img/top_kojin.gif);
}
#header .icon .icon3 a{
	background-image:url(./img/top_mail.gif);
}
#header .tel{
	width:330px;
	height:140px;
	margin-left:0px;
	background-image:url(../../../../img/top_tel.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:left;
}


/************************************/
/*  ナビ
/************************************/
#navi{
	width:100%;
	height:54px;
	margin:10px auto;
	background-image:url(./img/menu/bg.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	clear:both;
}
#navi .navi_bt{
	width:950px;
	margin:auto;
	padding:0px;
	list-style:none;
}
#navi strong{
	margin:0px 0px 0px 0px;
	float:left;
	text-indent:-9999px;
}
#navi a {
	width:135px;
	height:45px;
	background-position:0 0;
	background-repeat:no-repeat;
	display: block;
}
#navi a:hover {
	background-position:-135px 0;
}
#navi a.now {
	background-position:-135px 0;
}

.navi1 a{
	background-image:url(./img/menu/001.gif);
}
.navi2 a{
	background-image:url(./img/menu/002.gif);
}
.navi3 a{
	background-image:url(./img/menu/003.gif);
}
.navi4 a{
	background-image:url(./img/menu/004.gif);
}
.navi5 a{
	background-image:url(./img/menu/005.gif);
}
.navi6 a{
	background-image:url(./img/menu/006.gif);
}
.navi7 a{
	background-image:url(./img/menu/007.gif);
}



/************************************/
/*  メイン
/************************************/
#main{
	width:950px;
	margin:auto;
}


/************************************/
/*  左
/************************************/
#left{
	width:225px;
	margin:auto;
	float:left;
	text-align:left;
	overflow:hidden;
}
#left ul h2{
	width:225px;
	height:35px;
	margin-top:15px;
	padding-top:7px;
	padding-left:45px;
	background-image:url(./img/left_h2.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:120%;
	color:#007240;
}
#left ul ul{
	margin-top:-7px;
	padding:5px 10px 15px 10px;
	background-image:url(./img/left_bg.gif);
	background-position:0 bottom;
	background-repeat:no-repeat;
}
#left ul form{
	margin-top:-7px;
	padding:5px 10px 15px 10px;
	background-image:url(./img/left_bg.gif);
	background-position:0 bottom;
	background-repeat:no-repeat;
}

#left .widget_recent_entries li{
	margin:3px 0px 0px 3px;
	padding:3px 0px 0px 23px;
	background-image:url(./img/new.gif);
	background-position:0 3px;
	background-repeat:no-repeat;
	border-bottom:1px dotted #F18223;
}
#left .widget_categories li{
	margin:3px 0px 0px 3px;
	padding:3px 0px 0px 23px;
	background-image:url(./img/item7.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	border-bottom:1px dotted #F18223;
}
#left #linkcat-2 li{
	margin:3px 0px 0px 3px;
	padding:3px 0px 0px 23px;
	background-image:url(./img/link.gif);
	background-position:0 2px;
	background-repeat:no-repeat;
	border-bottom:1px dotted #F18223;
}

#left #linkcat-9 li{
	margin:8px 0px;
}
#left .widget_archive li{
	margin:3px 0px 0px 3px;
	padding:3px 0px 0px 23px;
	background-image:url(./img/cl.gif);
	background-position:0 3px;
	background-repeat:no-repeat;
	border-bottom:1px dotted #F18223;
}
#left .widget_recent_comments li{
	margin:3px 0px 0px 3px;
	padding:3px 0px 0px 23px;
	background-image:url(./img/com.gif);
	background-position:0 5px;
	background-repeat:no-repeat;
	border-bottom:1px dotted #F18223;
}


.banner {
	margin:20px 0px 0px 0px ;
}
.banner a:hover {
	background-position:-225px 0;
}
.left_point a{
	width:225px;
	height:80px;
	background:url(http://1-or-8.com/img/left_point.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display: block;
}
.left_mobile a{
	width:225px;
	height:150px;
	margin-top:20px;
	background:url(http://1-or-8.com/img/left_mobile.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display: block;
}
.left_ihin a{
	width:225px;
	height:60px;
	margin-top:20px;
	background:url(http://1-or-8.com/img/left_ihin.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display: block;
}
.left_cle a{
	width:225px;
	height:150px;
	margin-top:20px;
	background:url(http://1-or-8.com/img/left_cle.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display: block;
}
.left_qr a{
	width:225px;
	height:175px;
	margin-top:20px;
	background:url(http://1-or-8.com/img/left_qr.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display: block;
}
.left_move a{
	width:225px;
	height:100px;
	margin-top:20px;
	background:url(http://1-or-8.com/img/left_move.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display: block;
}
.left_kagu a{
	width:225px;
	height:250px;
	margin-top:20px;
	margin-bottom:20px;
	background:url(http://1-or-8.com/img/left_kagu.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display: block;
}
.left_book{
	margin:10px 0px 0px 5px;
}
.exblog a{
	width:225px;
	height:100px;
	margin-top:20px;
	margin-bottom:20px;
	background:url(./img/exblog.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display: block;
}
.tw{
	margin:15px 0px;
}
/************************************/
/*  右
/************************************/
#right{
	width:700px;
	margin:auto;
	float:right;
	text-align:left;
}


/************************************/
/*  記事
/************************************/
.post{
	background:#FFFFC8;
}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
}
.alignright {
	float: right;
}

.alignleft {
	float: left;
}


#right h2{
	height:60px;
	padding:20px 0px 0px 110px;
	margin:15px 0px 0px 0px;
	background-image:url(./img/right_title.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:130%;
	color:#fff;
}
#right h2 a,
#right h2 a:link,
#right h2 a:visited,
#right h2 a:hover,
#right h2 a:active{
	color:#fff;
}
#right .post small{
	margin:-15px 10px 0px 0px;
	padding:0px 0px 0px 23px;
	background: url(./img/cl.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	float:right;
}
#right .post .entry{
	padding:15px;
	border-top:1px dotted #ccc;
	clear:right;
}
#right .post .entry p{
	line-height:3.5em;
}



#right .post h3{
	margin:15px 10px 0px 0px;
	padding:5px 5px 5px 25px;
	background:#FFFFF0 url(./img/new.gif);
	background-position:5px 5px;
	background-repeat:no-repeat;
}
#right .st-related-posts {
	padding:3px;
	margin:0px 0px 0px 15px;
}
#right .st-related-posts li{
	margin:3px 0px 2px 5px;
	padding-left:15px;
	background-image:url(./img/com.gif);
	background-position:0 3px;
	background-repeat:no-repeat;
	border-bottom:1px dotted #ccc;
}
#right .post .entry_bottom{
	margin:60px 20px 20px 20px;
	padding:15px;
	background:#fffff0;
	border:1px solid #F18223;
	background-image:url(./img/entry_bottom.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}
#right .post .entry_bottom h3{
	margin-bottom:8px;
	padding-left:20px;
	background-image:url(http://1-or-8.com/img/icon.ico);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:130%;
	text-decoration:underline;
}
#right .post .entry_bottom strong{
	margin:0px 0px 0px 22px;
	color:#505050;
}
#right .post .entry_bottom p{
	margin:0px 0px 0px 22px;
	color:#505050;
}
#right .post .entry_bottom h4{
	margin:8px 0px 10px 22px;
	color:red;
}
#right .post .entry_bottom a{
	width:360px;
	height:60px;
	margin:0px 0px 15px 22px;
	display: block;
}

#right .hiroshima_blog{
	margin:20px;
}
#right .postmetadata{
	padding:10px;
	text-align:right;
}
#right #comments{
	margin-top:30px;
	padding:7px 0px 7px 35px;
	background:#fffff0 url(http://1-or-8.com/img/list.gif);
	background-position:5px 6px ;
	background-repeat:no-repeat;
	border-top:1px solid #ED6D00;
	border-bottom:1px solid #ED6D00;
	font-weight:bold;
	font-size:130%;
}
#right #comments{

}
#right .trackback2{
	margin:40px;
}
#right .trackback2 input{
	width:400px;
}
#respond{
	margin:0px 40px;
}
#right .commentlist{
	margin:40px;
}
#right .even{
	padding:7px;
	border:1px solid #dcdcdc;
	background:#f0f0f0;
}
#right .alt{
	padding:7px;
	border:1px solid #dcdcdc;
	background:#fff;
}
.fn{
	font-size:130%;
	font-weight:bold;
}
.comment-body p{
	margin:0px 10px;
}
/************************************/
/*  フッター
/************************************/
.page_top{
	width:950px;
	margin:auto;
	padding:25px 0px 0px 0px;
}
.page_top a {
	width:250px;
	height:35px;
	margin-top:0px;
	margin-left:730px;
	background-image:url(./img/page_top.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display: block;
	text-indent:-9999px;
}
.page_top a:hover {
	background-position:-250px 0;
}
.bottom_tel{
	width:950px;
	padding:20px 0px;
	margin:0px auto;
	clear:both;
}
.bottom_tel p{
	text-indent:-9999px;
}

.bottom_tel h2 a{
	width:950px;
	height:140px;
	background-image:url(../../../../img/bottom_tel.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display: block;
	text-indent:-9999px;
}


.sweep{
	font-size:80%;
}
#footer a:link {
	color: #fff;
	text-decoration: none;
}
#footer a:visited {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #fff;
	text-decoration:underline;
}
#footer a:active {
	color: #fff;
	text-decoration: none;
}
#footer{
	width:100%;
	height:100px;
	padding:0px 0px;
	margin:auto;
	background-image:url(./img/footer_bg.gif);
	background-position:0 0;
	background-repeat:repeat-x;
}
#footer_menu{
	width:950px;
	margin:0px auto;
	padding-top:40px;
	text-align:center;
}
#footer_menu ul{
	list-style:none;
}
#footer_menu li{
	display:inline;
	padding: 0px 0.8em 0px;
	border-right: 1px #ccc solid;
}
#footer_menu .f_menu_last{
	border-right: none;
}