/* Edited with EditCSS */

* {
	margin: 0;
	padding: 0;
}

html{height: 100%;}


/* BODY-------------------------------*/
body {
	background: #ffffff;
	margin: 0;
	padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 100%;
	line-height:1.5;
	color: #333333;
	list-style: none;
	text-align: center;
}

img {
	border: none;
	vertical-align: middle;
}

table {margin: 0 0 0 10px; font-size: 12px; color: #000000;}
td {padding: 5px;}

/*a:link, a:visited, a:active {color: #2A9107;text-decoration: none;}*/
/*a:hover{color : #FF6633;text-decoration: underline;}*/

a:link, a:visited, a:active {color: #252c71;text-decoration: none;}
a:hover{color : #FF6633;text-decoration: underline;}


/* ===== sizemenu Area ===== */



#sizemenu{

	float: right;
	margin: 25px 5px 0px 0px;
}

#sizemenu ul{
	margin-top:150px;
}

#sizemenu ul li{
	float: left;
	overflow: hidden;
}



/*引用属性*/
blockquote {
	width: 350px;
	height: 120px;
	overflow: auto;
	/*border: 1px solid #CCC;*/
	scrollbar-face-color: #DCEBF0;
	margin: 10px 20px 10px 20px;
	padding: 5px;
	text-align: left;
	}
	
/* テーブルの属性*/


/* 基本設定 ----------------------------- */
#base{
	width: 840px;
	margin: 0 auto;
	background: url("http://www.hogishi.com/img/base_back1.gif") repeat-y center top; 
	text-align: center;
}

#wrapper {
	width: 800px;
	margin: 0 auto;
	background: #FFF url("http://www.hogishi.com/img/header01.jpg") no-repeat;
	position: relative;
}

/*  ヘッダー  */
#header {
	height:210px;
	margin: 0;
	color: #666;
}
#header h1{
	margin : 0;
	padding: 0;
	float: left;
	text-indent: -2000px;
}
 h1 a {
	width:390px;
	height:60px;
	background: #FFF url("http://www.hogishi.com/img/header01.jpg") no-repeat;
	display: block;
}

#header .navi{
	position: absolute;
	top: 0;
	right: 10px;
}

/*  記事枠等の属性  */
#right1 {
	float: right;
	width: 480px;	
	margin: -160px 0px 0px 100px;
	background: #FFF;
	overflow-x: visible;	
}

#right {
	float: right;
	width: 565px;	
	margin: 5px 0;
	background: #FFF;
	overflow-x: hidden;	
}

#right h1 {
	color:#4a6c9a;
	font-size:125%;
	font-weight:bold;
	background:transparent url(http://www.hogishi.com/img/entry_h1.gif) repeat-y left bottom;
	border-top:1px solid #f2f2f2;
	padding:7px 10px 16px 10px;
	margin:0 0 15px 0;
}

#right h2 {
	margin: 0 10px 0px 5px;
	border: 1px solid #DDD;
	background: #004b99;
	color: #F2F2F2;
	font: bold 117%/1.7  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	display: block;
	text-align: left;
	text-indent: 5px;
}
			
#right h2 a {
	text-decoration: none;
	color: #FFF;
}
					
#right h2 a:hover {

}

#right h3 {
	padding: 0 10px;
	border-bottom: 1px solid #0F6B8A;
	color: #006600;
	font: bold 117%/1.7  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	display: block;
	text-align: left;
}

#right h4 {
	padding: 0 10px;
	border-bottom: 1px solid #DDD;
	color: #669966;
	font: bold 117%/1.7  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	display: block;
	text-align: left;
}

#right h5 {
	color:#2b2828;
	font-size:105%;
	font-weight:normal;
	background: #ffffff url(http://www.hogishi.com/img/entry_h5.gif) no-repeat 0px 6px;
	margin: 0 0 5px 5px;
	padding: 3px 5px 0px 15px;
}

#right h6 {
	background:#ffffff url(http://www.hogishi.com/img/entry_h6.gif) no-repeat 0px 6px;
	color:#2b2828;
	font-size:105%;
	font-weight:normal;
	margin: 0 0 5px 5px;
	padding:3px 5px 0px 17px;
}

#right h7{
	color: #666666;
	font-size:100%;
	padding:2px 0 2px 25px;
	font-weight:bold;
	background:url(http://www.hogishi.com/img/h7_bg.gif) no-repeat top left;
	margin:10px 0;
}

#right h8{
	color: #009900;
	font-size:150%;
	padding:2px 0 2px 2px;
	font-weight:bold;
	margin:0px 0;
}

#right .cont{
	padding: 20px;
	margin: 0px 10px 20px 5px;
	border-style: solid;
	border-color: #DDD;
	border-width: 0 1px 1px 1px;
}

#right .cont div{

	text-align: left;
	font:normal 100%/1.5  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

#right .info {
	width: 515px;
	height: 200px;
	margin: 0px 10px 20px 5px;
	text-align: left;
	background: url("http://www.hogishi.com/img/info.jpg") no-repeat;
}

/*　詳細へ　*/
.next {
	margin : 10px 0;
}

.next a{
	float: right;
	width: 80px;
	height:20px;
	display: block;
	background: url("http://www.hogishi.com/img/more01.gif") no-repeat;
	text-decoration: none;
	text-align: center;
	color: #666;
}

.next a:hover{
	width: 80px;
	height:20px;
	display: block;
	background: url("http://www.hogishi.com/img/more02.gif") no-repeat;
	color: #FF0000;
}

/*  パンくずリスト  */
#right .navi2 {
	margin :0px;
	width: 100%;
	font-size: 100%;
	padding: 0 5px;
	text-align: left;
	}

#right .navi2 a {
	color: #0066FF;
	text-decoration: none;
	}

#right .navi2 a:hover {
	color: #FF6633;
	text-decoration: underline;
	}

/*  記事一覧  */
#right ol{
	margin: 0px 0px 20px 40px;
}

#right li{
	margin: 5px 0;
	font-size: 100%;
	color; #666;
}

#right .cform{
	margin: 0;
}

/*----- trackbacks & Comments-----*/

#right .post1,#right .post2 {
	border-top: solid 1px #AAAAFF;
	font-size: 12px;
	padding-top: 6px;
	margin-bottom: 30px;
}

#right #trackbackdata post1{
	font-size: 10px;
	color: #888;
	margin-bottom: 10px;
}

#right #tbdata,#right #tbdata p, #right #commentdata,#right #commentdata p{
	font-size: 12px;
	color: #888;
	margin-top: 0px;
	margin-bottom: 0px;
}

#right #commentdata .post2{
	margin-bottom: 10px;
	font-size:10px;
	text-align: right;
}
#right .error {
	font-size : 14px;
	color: red;
	border: 1px solid red;
	padding: 5px;
	text-align: center;
}



/*  サイドメニュー等の属性  */
#left {
	float: left;
	width: 220px;
	margin: 0;
	background: #FFF;
	overflow-x: hidden;
}

#left h2{
	margin: 5px 5px 0 10px;
	border: 1px solid #555;
	/*background: #306400;*/
	/*background: #004b99;*/
	background: #009900;
	font: bold 117%/1.7  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	color: #FFF;
	text-align: left;
	text-indent: 5px;
}

/*　アドセンス　*/
#left .ads{
	margin: 0 5px 0 10px;
}

#left .search{	
	margin: 0 5px 0 10px;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

/*　検索窓　*/
#left .search div {
	padding: 10px;
	text-align: left;
}

/* カテゴリ指定 */
#left .cat{
	margin: 0;
}

#left .cat h2{
	margin: 5px 5px 0 10px;
	border: 1px solid #555;
	/*background: #306400;*/
	background: #004b99;

	font: bold 117%/1.7  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	color: #FFF;
	text-align: left;
	text-indent: 5px;
}

#left ul.menu{
	margin: 0 5px 0 10px;
	padding: 0;
	list-style-type: none;
}

#left ul.menu li{
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

#left ul.menu li.tc1 a {
	display: block;
	margin: 0;
	padding: 5px 0px 5px 20px;
	background: #f5f5f5 url("http://www.hogishi.com/img/menu01.gif") no-repeat;
	color: #333333;
	font-size: 100%;
	text-decoration: none;
	text-align: left;
}

#left ul.menu li.tc1  a .des{
	padding: 0px;
	background: #f5f5f;
	color: #739900;
	font: normal 85%/1.5  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	text-align: left;
}

#left ul.menu li.tc1 a:hover {
	background: #FFF url("http://www.hogishi.com/img/menu02.gif") no-repeat;
	color: #333;
}


#left ul.menu li a {
	display: block;
	margin: 0;
	padding: 5px 0px 5px 30px;
	background: #f5f5f5 url("http://www.hogishi.com/img/menu03.gif") no-repeat;
	color: #333333;
	font-size: 100%;
	text-decoration: none;
	text-align: left;
}

#left ul.menu li a .des{
	padding: 0px;
	background: #f5f5f5;
	color: #739900;
	font: normal 85%/1.5  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	text-align: left;
}

#left ul.menu li a:hover {
	background: #FFF url("http://www.hogishi.com/img/menu04.gif") no-repeat;
	color: #333;
}

#left ul.menu li a:hover .des {
	background: #FFF;
}


/*フッターナビ*/
#f_navi {
	clear: both;
	text-align: right;
	margin: 0px;
	padding: 0px 5px 5px 5px;
	font-size: 85%;
}

#f_navi img{margin: 0 5px;border-style: none; vertical-align: middle;}

/* フッター-----------------*/
#footer {
	clear: both;
	width: auto;
	height: 35px;
	/*background: #306400;*/
	background: #004b99;
	margin: 0;
}
#footer div {
	float: right;
	margin: 0;
	padding: 5px 10px 0 0;
	color: #ffffff;
	font-size: 85%;
	line-height: 1.0;
	text-align: right;
}
	
#footer a:link, #footer a:visited, #footer a:active {color: #FFF;text-decoration: none;}
#footer a:hover{color : #FF6060;text-decoration: underline;}

#footer ul {
	margin: 0;
	padding: 0;
	float: left;
}
#footer li {
	list-style: none;
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
}
#footer ul li a {
	color: #666;
	text-decoration: none;
}

/*  フォームメール用  */
.comments-head{
	margin: 10px 10px 10px 5px;
	font-size: 14px;
	font-weight: bold;
	color: #4A4A97;
	}

.comment-content{
	margin: 10px 0px 10px 10px;
	font-size: 12px;
	color: #666;
	line-height: 155%;
	}

.comment-view{
	margin: 0px 0px 10px 10px;
	font-size: 12px;
	color:  #3399CC;
	line-height: 155%;
	}

/*  CSS切替用  */
.changecss{
	position: absolute;
	right: 10px;
	top: 0px;
	text-align: right;
	font-size: 85%;
}

/*  W3C  */
.w3c {
	margin: 15px 0;
	text-align: center;
}

#tag{
margin:10px 0px 40px 10px ;
}

#tag img{
	float: left
}

#tagr{
margin:0px 0px 0px 400px ;
}

#tag2{
margin:0px 0px 0px 25px ;
}

span.red
{
	color:#ff0000;
}

/* ---------- content-table ---------- */

p.caption
{
	font-size:100%;
	margin:0 0 10px 0;
}

table.content-table
{
	margin:0px 0px 10px 20px;
	color: #666666;
}

table.content-table th,
table.content-table td
{
	padding:0px 0px 0px 30px;
	font:normal 100%/1.5  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

table.content-table th
{
	font-weight:normal;
	text-align:left;
	background:#eeeeee;
	width:200px;
}

/* ---------- content-table_end ---------- */

/* ---------- content-table2 ---------- */

p.caption
{
	font-size:100%;
	margin:0 0 0px 0;
}

table.content-table2
{
	margin:0px 30px 0px 30px;
	color: #666666;
	background:#ffffc8;
	border:1px double #cccccc;
	font-size:105%;
}

table.content-table2 th,
table.content-table2 td
{
	padding:10px;
	font:normal 100%/1.5  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

table.content-table2 th
{
	font-weight:normal;
	text-align:left;
	background:#eeeeee;
	width:200px;
}


/* ---------- content-table2_end ---------- */



/* ---------- content-table3 ---------- */

p.caption
{
	font-size:100%;
	margin:0 0 10px 0;
}

table.content-table3
{
	margin:0px 5px 10px 5px;
	color: #666666;
}

table.content-table3 th,
table.content-table3 td
{
	padding:0px 5px 0px 10px;
	font:normal 100%/1.5  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

table.content-table3 th
{
	font-weight:normal;
	text-align:left;
	background:#eeeeee;
	width:200px;
}

/* ---------- content-table3_end ---------- */

/* ---------- inquiry-content ---------- */

div#inquiry-content
{
	background:#ffffff;
	width:500px;
	margin:0 auto;
	border:1px solid #cccccc;
	text-align:left;

}

div.inquiry-content-inner
{
	padding:0px 0px;
}

div.inquiry-content-inner h1
{
	margin:0 0 10px 0;
}

/* ---------- inquiry-content_end ---------- */

/* ---------- inquiry-table ---------- */

p.caption
{
	font-size:100%;
	margin:0 0 10px 0;
}

table.inquiry-table
{
	width:500px;
	border-collapse:collapse;
	margin:0 0 20px 0;
	color: #000000;
}

table.inquiry-table th,
table.inquiry-table td
{
	border:1px solid #cccccc;
	padding:5px;
	
}

table.inquiry-table th
{
	font-weight:normal;

	background:#eeeeee;
	width:200px;
}

/* ---------- inquiry-table_end ---------- */
/* ---------- news ---------- */

#news {
	margin: 0px 0px 0px 0px;
}


#news h3 {
	text-decoration: none;
	font-size: 2px;
	display: block;
	width: 200px;
	height: 30px;
	text-indent: -700em;
	background: transparent url("http://www.hogishi.com/img/new_tit_bg.gif") no-repeat top left ;
	margin-bottom:10px;
	border:none;
	vertical-align: middle;
}

#news h1 {
	font-size:100%;
	padding:20px 20px 20px 20px;
	font-weight:bold;
	background:url(http://www.hogishi.com/img/h1_bg.gif) repeat-x bottom left ;
	margin:10px 0;
	text-align:left;
}


#news h5 {
	color: #666666;
	font-size:100%;
	padding:2px 0 2px 25px;
	font-weight:bold;
	background:url(http://www.hogishi.com/img/h5_bg.gif) no-repeat top left;
	margin:10px 0;
	text-align:left;
}


.new-txt {
	background:#fafafa;
	border:3px double #cccccc;
	text-align:left;
}

.new-txt p {
	font-size:100%;
	text-align:left;
	margin:10px 5px;
	padding:2px 0 2px 5px;
	border-bottom:1px dotted #cccccc;
}

.new-txt1 {
	float:right;
	margin:10px 5px;
}

.new-txt1 p {
	font-size:100%;
	text-align:right;
	margin:10px 5px;
	border-bottom:1px dotted #cccccc;
}


/* ---------- news_end ---------- */

/*各セル設定*/

.main_title{
	font-weight:bold;
	color:#660000;
}

.main_cell_date{
	font-weight:bold;
	text-align:right;
	margin:0px 5px 2px 0px;
}

.main_cell_title{
	font-weight:bold;
	font-size: 16px; 
	color:#660000;
}

.main_cell_text{
	text-align:left;
	font-size: 15px; 
	vertical-align:top;
}

.main_iftext{
	margin:20px;
	text-align:left;
	vertical-align:top;
	font-weight:bold;	
}


.main_qa_frame{
                width:524px;
	border:3px dashed #993333;
	background:url("http://www.hogishi.com/img/back_Q&A.gif");
	margin:20px;
}

.main_qa_title{
                margin:10px 0px 0px 0px;
                background:#CC6666;
                color:#FFFFFF;
                font-weight:bold;
                text-align:center;
}
}.soshiki div {
	text-align: right;
}
.kaiin {
	text-align: right;
}

/* ---------- soshiki-content ---------- */

div#soshiki-content
{
	background:#ffffff;
	width:500px;
	margin:0 auto;
	border:1px solid #cccccc;
	text-align:left;

}

div.soshiki-content-inner
{
	padding:0px 0px;
}

div.soshiki-content-inner h1
{
	margin:0 0 10px 0;
}

/* ---------- soshiki-content_end ---------- */

/* ---------- soshiki-table ---------- */

p.caption
{
	font-size:100%;
	margin:0 0 10px 0;
}

table.soshiki-table
{
	width:500px;
	border-collapse:collapse;
	margin:0 0 20px 0;
	color: #000000;
}

table.soshiki-table td
{
	border:1px solid #cccccc;
	padding:5px;
	
}

table.soshiki-table th
{
	font-weight:normal;
	background:#eeeeee;
	width:200px;
}

.main_cell_1{
	text-align:center;
}
.main_cell_2{
	text-align:right;
}
.main_cell_3{
	text-align:left;
}
.main_cell_other{
	text-align:left;
}


/* ---------- recture-table ---------- */

table.recture-table
{
	width:500px;
	border-collapse:collapse;
	margin:0 0 20px 0;
	color: #000000;
}

table.recture-table td
{
	border:1px solid #cccccc;
	padding:5px;
	
}

table.recture-table th
{
	font-weight:normal;
	background:#eeeeee;
	width:200px;
}


/* ---------- inquiry-table_end ---------- */

a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}