* {
margin: 0;
padding: 0;
}

html{height: 100%;}

label{

font-weight:bold;
}


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

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

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

/*引用属性*/
blockquote {
width: 400px;
height: 200px;
overflow: auto;
border: 1px solid #CCC;
scrollbar-face-color: #DCEBF0;
margin: 10px 20px 10px 20px;
padding: 5px;
text-align: left;
}

/* テーブルの属性*/
table {margin: 0 0 0 10px; font-size: 12px; color: #999;}
td {padding: 5px;}

/* 基本設定 ----------------------------- */
#base{
width: 840px;
margin: 0 auto;
background: url("http://shiyo-com.co.jp/_style_img/base_back.gif") repeat-y;
text-align: center;
}

#wrapper {
width: 800px;
margin: 0 auto;
background: #FFF url("http://shiyo-com.co.jp/_style_img/header.gif") no-repeat;
position: relative;
}

/* ヘッダー */
#header {
height:200px;
margin: 0;
color: #666;
}
#header h1{
margin : 0;
padding: 0;
float: left;
text-indent: -2000px;
}
h1 a {
width:780px;
height:190px;
background: #FFF url("http://shiyo-com.co.jp/_style_img/header.gif") no-repeat;
display: block;
}

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

/* 記事枠等の属性 */
#right {
float: right;
width: 535px;
margin: 5px 0;
background: #FFF;
overflow-x: hidden;
}

#right h2 {
margin: 0 10px 0px 5px;
border: 1px solid #DDD;
background: #476685;
color: #FFF;
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 {
color: #FF0000;
}

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

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

#right h5 {
padding: 0px 10px;
margin:　10px 0;
color: #666;
font: normal 85%/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
display: block;
text-align: left;
}


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

#right .cont .doc{
padding: 10px;
text-align: left;
font:normal 100%/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

#right .info {
width: 480px;
height: 170px;
margin: 0px 10px 20px 5px;
text-align: left;
background: url("http://shiyo-com.co.jp/_style_img/info.gif") no-repeat;
padding:20px;
color:white;
}

#right .info h3{color: white; width:500px:}
#right .info p{width:500px:}
#right .info a{color:yellow;}
#right .info a:hover{color:orange; text-decoration:underline;}

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

.next a{
float: right;
width: 80px;
height:20px;
display: block;
background: url("http://shiyo-com.co.jp/_style_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://shiyo-com.co.jp/_style_img/more02.gif") no-repeat;
color: #FF0000;
}

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

#right .navi2 a {
color: #6699CC;
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;
}

.doc ol, .doc ul{
margin: 5px 0px 20px 20px;
}

.doc li{
margin: 5px 0 5px 15px;
font-size: 100%;
color: #666;
list-style-type:circle;
line-height:105%;
}

table.type1 {border: thin #C0C0C0 solid;padding: 5px;}.doc table.type1 th{border: 1px #C0C0C0 solid;background: gray;color: #FFFFFF;word-spacing: normal;white-space: nowrap;}
table.type1 tr{ }
table.type1 td{border-bottom-color: #C0C0C0;border-bottom-style: solid;border-bottom-width: 1px;}

#right .inline-shop{
margin: 10px 0 20px 0;
padding:15px;
border:1px #C0C0C0 solid;
border-left: 3px orange solid;
}

#right .inline-shop h4{
margin:0;
padding:0;
}



#right .relateditems{
margin: 10px 10px 20px 5px;
padding:15px;
text-align:left;
border:1px gray solid;
border-left: 3px maroon solid;
}
#right .relateditems h4{
margin-top:0;
}
#right .relateditems ul{
margin-left:20px;
list-style-type:circle;
}

#right .cform{
margin: 0;
}

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

#right #trackbackdata, #right #commentdata{
font-size: 12px;
color: #888;
margin: 10px 0 10px 10px;
}

#right #trackbackdata .post1{
font-size: 10px;
color: #888;
margin: 0;
border-bottom: 1px solid #888;
}

#right #commentdata .post2{
margin-bottom: 10px;
font-size:10px;
text-align: right;
}

#right .error {
font-size:100%;
color: red;
border: 1px solid red;
padding: 5px;
text-align: center;
}



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

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


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


#left .leftbox{
margin: 0 5px 0 10px;
border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
padding:10px 15px 20px 15px;
text-align:left;
}

/*　検索窓　*/
#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: #0F3357;
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://shiyo-com.co.jp/_style_img/menu01.gif") no-repeat;
color: #666;
font-size: 100%;
text-decoration: none;
text-align: left;
}

#left ul.menu li.tc1 a .des{
padding: 5px;
background: #f5f5f;
color: #3D7A8F;
font: normal 85%;
text-align: left;
}

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


#left ul.menu li.entry a {
display: block;
margin: 0;
padding: 3px 0px 3px 20px;
background: #f5f5f5;
color: #666;
font-size: 80%;
text-decoration: none;
text-align: left;
}

#left ul.menu li.entry a .des{
}

#left ul.menu li.entry a:hover {
color: #333;
background: orange;
}

#left ul.menu li.entry a.this {
color: #333;
border-left:5px red solid;
}

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

#left ul.menu li a .des{
padding: 5px;
background: #f5f5f5;
color: #3D7A8F;
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://shiyo-com.co.jp/_style_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: #0F3357;
margin: 0;
}
#footer div {
float: right;
margin: 0;
padding: 5px 10px 0 0;
color: #999;
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%;
}

.powered {
margin: 10px 0;
text-align: center;
}