@charset "UTF-8";

/*  
Theme Name: original theme
Theme URI: http://
Description: <a href="http://">Bell</a> のオリジナルテーマです。
Version: 1.0
Author: test
Author URI: http://
*/




/*--------------------------------------------------------------------------
　　　　ここは編集しないこと(Reset)　非編集領域、基本的な設定をしています
--------------------------------------------------------------------------*/
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, strong, 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;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
caption {width: 100%;}





/*--------------------------------------------------------------------------
　　　　横幅設定 (100% または 950px)　ページボックスの横サイズの指定 
--------------------------------------------------------------------------*/
#container{width: 950px;}



/*--------------------------------------------------------------------------
　　　　カラム設定 (必要なものをコメントアウトから外せばＯＫ) 
--------------------------------------------------------------------------*/
/***** カラム設定 (3 or 2 or 1) *****/
/*3カラム左右
#main{width: 70%;}
#side{width: 20%;margin-right: -20%;float: left;}
#mainwrap{margin-left: 20%;width: 80%;float: right;}
#sidebar2{width: 30%;margin-left: -10px;}*/

/*3カラム右右
#main{width: 70%;}
#side{width: 20%;float: right;margin-left: -20%;}
#mainwrap{width: 80%;float: left;margin-right: 20%;background-color: #ccc;}
#sidebar2{width: 30%;margin-left: -10px;}*/

/*2カラム左*/
#main{width: 100%;}
#side{width: 25%;margin-right: -25%;float: left;}
#mainwrap{margin-left: 25%;width: 75%;float: right;}
#sidebar2{width: 100%;background-color: #999999;}

/*2カラム右
#main{width: 100%;}
#side{width: 25%;margin-left: -25%;float: right;}
#mainwrap{width: 75%;margin-right: 25%;float: left;}
#sidebar2{width: 100%;background-color: #999999;}*/

/*1カラム
#main{width: 100%;}
#side{width: 100%;float: left;}
#mainwrap{width: 100%;float: right;}
#sidebar2{width: 100%;background-color: #666;}*/




/*--------------------------------------------------------------------------
　　　　共通のタグ (CommonTag)　ページ全体の指定 
--------------------------------------------------------------------------*/
body{
	background-color: #FFFFFF;
	background-image:url(img/bg_g.jpg);
	background-position:bottom center;
	background-repeat:repeat-x;
	background-attachment:fixed;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
}

h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	padding: 0px 0 15px;
}

a{
	outline:none;
	color: #226db9;
	text-decoration: none;
}

a:hover{
	color: #2783de;
	text-decoration: underline;
}




/*--------------------------------------------------------------------------
　　　　スペース領域 (AreaSpace)　の指定 
--------------------------------------------------------------------------*/
#container{
	margin-right:auto;
	margin-left:auto;
}
#main{
	float: left;
	text-align:left;
	background-color: #ffffff;
	overflow: hidden;
}
#mainwrap{
	overflow: hidden;
}
#side{
	overflow: hidden;
}
#sidebar1{
	overflow: hidden;
}
#sidebar2{
	float: right;
	overflow: hidden;
}
.sidebar{
	padding-bottom: 15px;
	overflow: hidden;
}
#topimage{ /*トップページの画像の指定です。*/
	height: 120px;
	clear: both;
	border-bottom: 1px solid #CCCCCC;
	background: #333333 url(img/main-img.jpg) no-repeat;/*ヘッダー部の画像イメージ*/
	text-indent: -2000%;
}

#header_top { /*ページ最上部に、description記載のスペースを作ったもの*/
	overflow:hidden;
	height:20px;
	width:945px;
	text-align:left;
	background-color:#666666;
	color:#FFFFFF;
	font-size:small;
	padding:3px 0 0 5px;
}

#header{
	overflow: hidden;
	border-bottom: 1px solid #999999;
	/*background-color: #0066CC;*/
	background: #ffffff url(img/header-img.jpg) no-repeat; /*画像を入れる場合の指定*/
	height:240px;
	float: left;
	width: 100%;
}
#footer{
	clear:both;
	background-color: #666666;
	/*border-top:1px solid #333333;*/
	float: left;
	width: 100%;
}
#wrap{
	clear:both;
	background-color: #CCCCCC;/*サイドバー1の背景色*/
	float: left;
	width: 100%;
	overflow: hidden;
	margin-top: -1px;
	border-top: 1px solid #ffffff;
}
#pagewrap{
	clear: both;
	float: left;
	overflow: hidden;
	width: 100%;
}




/*--------------------------------------------------------------------------
　　　　ヘッダー (header)　ヘッダーの指定 
--------------------------------------------------------------------------*/
#header #header-left{
	float: left;
	padding: 10px 2%;
	width: 96%;
}
#header .header_ttl a{
	color:#333333;
	font-size: x-large;
}
#header .header_ttl{
	margin:0;
	padding: 5px 0;
	font-weight: normal;
	font-style: normal;
}
#header .header_ttl a:hover{color:#999999}
#header .header_description{
	color: #ffffff;
	font-weight: normal;
	font-style: normal;
	margin: 0;
	padding: 0;
	font-size: 80%;
}


/*--------------------------------------------------------------------------
　　　　ヘッダーナビ (header_navi)　メインリンクナビの指定 
--------------------------------------------------------------------------*/
#header_navi{
	padding: 0;
	width: 100%;
	height:59px;/*ボタン部の高さ指定*/
	background-color: #FFFFFF;
	float: left;
	clear: both;
}
#header_navi #page_navi{
	list-style-type:none;
	text-align: right;
	white-space: nowrap;
	float: right;
	width: 100%;
	background: #FFFFFF none left top;
	border-bottom:1px solid #666666;
	padding:0;
}
#header_navi #page_navi li{
	padding: 0;
	margin: 5px 0;/*ボタンの上下のスペース指定*/
	float: left;
}
#header_navi #page_navi li ul{
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#header_navi #page_navi li ul li{padding: 0;}

#header_navi #page_navi li a{
	height:100%;
	color: #333333;
	padding: 18px 20px;/*ボタンの上・横のスペース指定*/
	float: left;
	/*background-color: #0099FF;*/
	border-right: 1px dotted #666666;
	border-left: 1px dotted #666666;
	font-size: 90%;
	/*border-bottom: 1px solid #333333;*/
}
#header_navi #page_navi li a:hover{
	text-decoration: none;
	background-color: #CCCCCC;
	color: #000000;
}
#header_navi #page_navi li.current_page_item a{
	background-color: #666666;
	color: #FFFFFF;
}


/*--------------------------------------------------------------------------
　　　　フッター (Footer)　フッターの指定 
--------------------------------------------------------------------------*/
#footer .copyright {
	color: #FFFFFF;
	padding: 5px 1% 20px 1%;
	text-align:right;
	font: bold 80% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#footer #wp_loginout {
	padding: 0;
	margin: 0;
	float: right;
	font-size: 80%;
}
#footer #wp_loginout li{
	display: inline;
	padding: 0 1em 0 0;
	float: left;
}
.produced{
	color:#999999;
	font-size:small;
	text-align:right;
	float: right;
	padding: 5px 2%;
	font: Arial, Helvetica, sans-serif;
}






/*--------------------------------------------------------------------------
　　　　コンテンツ (Content)　中身・コンテンツの指定 
--------------------------------------------------------------------------*/
.pagename{
	font-weight: bold;
	clear: both;
	color: #ffffff;
	background-color: #333333;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 0;
	padding: 15px 2%;
	font-size: 120%;
}
.content {
	clear: both;
	font-size: 90%;
	line-height: 180%;
	padding: 15px 2%;
}

/*▼投稿欄のタイトル部分の指定▼*/
.content .title{
	margin: 0;
	padding: 0 0 10px;
}
.content .title a{
	color: #FFFFFF;
	text-decoration:none;
	display: block;
	background-color: #666666;
	font-size: 105%;
	line-height: 100%;
	padding: .2em 1.5%;
}
.content .title a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	background-color: #666666;
} 
.content p{}
.content h1{font-size: 140%;line-height: 100%;}
.content h2{font-size: 120%;line-height: 100%;}
.content h3{font-size: 105%;line-height: 100%;}
.content h4{font-size: 95%;line-height: 100%;}
.content h5{font-size: 90%;line-height: 100%;}
.content h6{font-size: 75%;line-height: 100%;}
.content small{font-size: 80%;}
.content big{font-size: 130%;}
.content a{color: #226db9;}
.content a:hover{color: #2783de;}
.content a.more-link {
	display: block;
	margin: 10px 0 0;
	padding: 5px 7px;
	background-color: #f6f6f6;
	border-right: 5px solid #3774bb;
	text-align: right;
	font-size: 90%;
	line-height: 120%;
} 
.content ul{
	list-style-position: outside;
	padding: 0 0 15px 25px;
	list-style-type: disc;
	line-height: 140%;
}
.content ol{
	list-style-position: outside;
	margin: 0;
	padding: 0 0 15px 25px;
	list-style-type: decimal;
	line-height: 140%;
}
.content ul ul,.content ol ol,.content ul ol,.content ol ul{padding-left: 3%;}
.content blockquote {
	margin: 0 0 15px;
	background-color: #e1f5f9;
	border: 1px solid #b2d3e0;
	clear: both;
	padding: 10px 2% 0;
}
.content blockquote p{
	margin: 0;
	padding: 0px 0px .8em;
}
.content blockquote ol,.content blockquote ul{
	margin: 0;
	padding: 0px 0px .8em 25px;
}
.content .postmetadata {
	margin: 0;
	color: #555555;
	clear: both;
	border-top: 1px solid #bbb;
	padding: 8px 0 0;
	font-size: 80%;
	line-height: 160%;
}
.content img.alignleft{
	float:left;
	padding:0 10px 10px 0;
}
.content img.alignright{
	float:right;
	padding:0 0 10px 10px;
}

/*▼ページの下階層のページへのリンク設置（ページ上部）の際の指定▼*/
#pagewrap .relation ul {
	padding: 15px 0 15px 40px;
	/*background-color:#CCCCCC;*/
	border:1px #666666 dotted;
	margin:5px auto;
	width:610px;
	height:auto;
}

#pagewrap .relation li {
	padding:5px 10px;
	/*margin:0 0 5px 0;*/
	list-style-type:disc;
	list-style-position:inside;
	/*background-color:#CCCCCC;*/
}


/*--------------------------------------------------------------------------
　　　　コメント (comments)　コメント部分の指定 
--------------------------------------------------------------------------*/
#comments-area {
	padding: 15px;
	font-size: 90%;
	line-height: 170%;
	clear: both;
}
#comments-area small{font-size: 85%;}
#comments-area ol.commentlist {
	list-style-type: none;
	padding-left: 5%;
}
#comments-area input#author,
#comments-area input#email,
#comments-area input#url {
	border: 1px solid #666;
	padding: 3px;
	width: 50%;
}
#comments-area textarea#comment {
	border: 1px solid #666;
	width: 92%;
	padding: 3px;
}
#comments-area form#commentform {padding: 0 0 0 5%;}
#comments-area p.nocomments {display: none;}



/*--------------------------------------------------------------------------
　　　　ナビゲーション (Navi)　投稿の次へや戻るのボタンの指定 
--------------------------------------------------------------------------*/
.navigation{
	clear: both;
	text-align: center;
	padding:10px 0;
	white-space: nowrap;
	float:left;
	width:100%;
}
.navigation a{
	color: #ffffff;
	padding:2px 5px;
	background-color: #999999;
	border: 2px solid #cccccc;
	float: left;
	font-size:70%;
	line-height:100%;
}
.navigation a:hover{
	color: #fff;
}
.navigation div.alignleft {
	float: left;
	padding:0 0 0 10px;
}
.navigation div.alignright {
	float: left;
	padding:0 0 0 10px;
}




/*--------------------------------------------------------------------------
　　　　サイドバー (Sidebar)　サイドバー箱の指定 
--------------------------------------------------------------------------*/
.sidebar {
	font-size: 0.85em;
	line-height: 1.4em;
}
.sidebar ul{
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	background-color: #fff;
	padding: 7px 3%;
}
.sidebar ul li{
	background: #ffffff url(img/sidebar_li.gif) no-repeat 0 0.6em;
	padding: 0.2em 0 0.2em 10px;
}
.sidebar p{line-height: 150%;padding: 7px 3%;}
.sidebar .widget{overflow: hidden;margin: 15px 5% 0;}
.sidebar .module_title {
	margin: 0 0 5px;
	clear: both;
	background-color: #666666;
	color:#FFFFFF;
	font-size: 90%;
	line-height: 130%;
	font-weight: bold;
	padding: 3px 2%;
}
.sidebar a {
	color: #666666;
}
.sidebar a:hover {
	color: #0066CC;
	text-decoration: underline;
}


/*--------------------------------------------------------------------------
　　　　テキストウィジェット (textwidget)　サイドバーのテキストの指定 
--------------------------------------------------------------------------*/
.sidebar .textwidget p {background-color: #fff;}


/*--------------------------------------------------------------------------
　　　　検索ウィジェット (search)　サイドバーの検索の指定 
--------------------------------------------------------------------------*/
.sidebar #searchform input#s {
	width: 70%;
	border: 1px solid #999999;
	padding: 4px;
	font-size: 100%;
}
.sidebar #searchform label.hidden {font-weight: bold;}


/*--------------------------------------------------------------------------
　　　　カレンダーウィジェット (Calendar)　カレンダーの指定 
--------------------------------------------------------------------------*/
.sidebar #wp-calendar {
	color: #666666;
	background-color: #fff;
	line-height: 100%;
	font-size: 95%;
	width:100%;
	margin:0 auto;
}
.sidebar #calendar p.module_title {display: none;}
.sidebar #wp-calendar thead {background-color: #eeeeee;}
.sidebar #wp-calendar caption {
	color: #000000;
	font-weight: bold;
	background-color: #ccc;
	padding: 5px 0;
}
.sidebar #wp-calendar th{
	text-align: center;
	padding: 3px 0;
}
.sidebar #wp-calendar td{
	text-align: center;
	padding: 3px 0;
}


/*--------------------------------------------------------------------------
　　　　タグクラウドの指定 
--------------------------------------------------------------------------*/
.sidebar #tag_cloud {line-height: 1.2;}







/*--------------------------------------------------------------------------
　　　　その他(Others)の指定 
--------------------------------------------------------------------------*/
#main .edit{
	text-align: center;
	font-style: italic;
	padding: 0;
	float: right;
	width: 49px;
	height: 15px;
	margin: -33px -11px 0 0;
}
#main .edit a{
	position: absolute;
	top: 0;
	right: 0;
	background-color: #07f;
	color: #ffffff;
	padding: 2px 10px;
}




/*--------------------------------------------------------------------------
　　　　ページ内の指定 
--------------------------------------------------------------------------*/
.results_box {
	clear:both;
	padding:5px;
	margin:5px auto;
	width:90%;
	height:150px;
	border-bottom:1px dotted #999999;
}

.results_box .image_box {
	width:150px;
	margin:0 5px;
	padding:0;
	float:right;
}


.results_box2 {
	clear:both;
	padding:5px;
	margin:5px auto;
	width:90%;
	height:200px;
	border-bottom:1px dotted #999999;
}

.results_box2 .image_box2 {
	width:150px;
	margin:0 5px;
	padding:0;
	float:right;
}

.gray_txt {
	color:#666666;
	font-size:small;
}