@import "css/tables.css";
@import "css/commonstyles.css";


@charset "Shift_JIS";

/*----------------------------------------------------
	▼全体の設定
----------------------------------------------------*/

* {
margin:0; /* 余白削除 */
padding:0; /* 余白削除 */
}

html {
scrollbar-3dlight-color:#ffffff; /* スクロールバーの色 */
scrollbar-arrow-color:#ff3300;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ff3300;
overflow-y:scroll; /* スクロールバーの有無でセンタリングがずれるのを防いでいます */
}

body {
color:#333333;
font:80%/1.6 Verdana,Osaka,sans-serif; /* フォント一括指定 */
}

/*----------------------------------------------------
	▼リンク
----------------------------------------------------*/

a:link		{ color:#887f7a; }
a:visited	{ color:#887f7a; }
a:hover		{ color:#a99e93; text-decoration:none; }
a:active	{ color:#a99e93; }


/*----------------------------------------------------
	▼その他
----------------------------------------------------*/

li	{ list-style-type:none; } /* リストマーク非表示 */
hr	{ display:none; } /* 罫線非表示 */
img,a img { border:0; } /* 画像の枠線削除 */

/*----------------------------------------------------
	▼コンテナ
----------------------------------------------------*/

#container {
width:600px; /* コンテナの幅 */
margin:0 auto; /* 余白 */
background:url(img/header.jpg) no-repeat right 10px; 
}

/*----------------------------------------------------
	▼ヘッダー
----------------------------------------------------*/

h1{
font-size: 80%;
text-align: left;
}

#header {
margin:0 0 1em 0; /* 余白（上、右、下、左） */
padding:10px 240px 0 0; /* 余白（上、右、下、左） */
min-height:95px; /* 高さ（画像サイズに合わせています） */
}

/* --- サイト名 --- */

#header h2 {
margin-bottom:10px; /* 余白 */
font-size:160%; /* 文字サイズ */
}
#header h2 a {
text-decoration:none;
}

/* --- メニュー --- */

#header ul.menu {
width:100%; /* メニュー全体の幅 */
border-top:1px #ff3300 dotted; /* ボーダー */
border-bottom:1px #ff3300 dotted;
}
#header ul.menu li {
padding:2px 10px; /* 余白（上下、左右） */
display:inline; /* 横並べ */
}
#header ul.menu li a {
color:#333631;
text-decoration:none;
}
#header ul.menu li a:hover {
color:#ff3300;
}

/* --- パンくずリスト --- */

#header ol.pan {
padding:2px; /* 余白 */
font-size:80%; /* 文字サイズ */
text-align:right; /* 左寄せ */
}
#header ol.pan li {
display:inline; /* 横並べ */
}
#header ol.pan li a {
margin-right:5px; /* 余白 */
text-decoration:none;
}

/*----------------------------------------------------
	▼メインカラム
----------------------------------------------------*/

#main {
padding-bottom:20px; /* 余白 */
}

/* --- 見出し --- */

#main h2,#main h3,#main h4,#main h5 ,#main h6 {
margin:0 0 1em 0; /* 余白（上、右、下、左） */
font-size:100%;
}
#main h2,#main h3 {
padding-left:18px; /* 余白 */
background:url(img/heart.gif) no-repeat left center; /* ハートアイコン */
border-bottom:1px #ff3300 dotted; /* ボーダー */
}
#main h4 {
padding-left:5px; /* 余白 */
border-left:5px #a99e93 solid; /* ボーダー */
}
#main h5 {
color:#887f7a;
}
#main h6 {
font-weight:normal;
}

/* --- 装飾用ボックス --- */

#main div.section1 {
margin:0 0 1em 0; /* 余白（上、右、下、左） */
padding:5px 10px; /* 余白（上下、左右） */
background:url(img/section1.png); /* 背景 */
border:2px #a99e93 solid;
}
#main div.section2 {
margin:0 0 1em 0; /* 余白（上、右、下、左） */
padding:5px 10px; /* 余白（上下、左右） */
border-width:1px;
border-color:#ff6600 #ff6600 #ff3300 #ff3300;
border-style:solid; /* ボーダー */
}

/* --- 段落 --- */

#text1,#text2,#text3,#text4,#text5,#text6,#text7,#text8,#text9,#text10,#space1,#space2,#sitemaps,#entrylist dl,#pagebody .grayline,.cbox  {
margin:0 0 1em 0; /* 余白（上、右、下、左） */
}

/* --- リスト --- */

#main ul,#main ol {
margin:0 0 1em 0; /* 余白（上、右、下、左） */
}
#main ul li {
padding-left:13px; /* 余白 */
background:url(img/maru.gif) no-repeat left center; /* リストマーカー */
}
#main ol{
padding-left:20px; /* 余白 */
list-style: decimal;
}
/* --- 説明付きリスト --- */

#main dl {
margin:0 0 1em 0; /* 余白（上、右、下、左） */
}
#main dt {
padding-left:10px; /* 余白 */
background:url(img/maru.gif) no-repeat left center; /* リストマーカー */
}
#main dd {
margin:2px 0 2px 10px; /* 余白（上、右、下、左） */
padding-left:10px; /* 余白 */
border-left:5px #ff6600 solid; /* ボーダー */
}

#main .new li{
margin:2px 0 2px 10px; /* 余白（上、右、下、左） */
padding-left:10px; /* 余白 */
border-left:5px #ff6600 solid; /* ボーダー */
background: none;
}

/* --- 戻りリンク --- */

#main ul.modori {
margin:0 0 1em 0; /* 余白（上、右、下、左） */
text-align:right; /* 右寄せ */
}
#main ul.modori li {
background:none; /* リストマーカー非表示 */
}
#main ul.modori li a {
color:#333333;
text-decoration:none;
}
#main ul.modori li a:hover {
color:#887f7a;
}



#menu h4{
clear: both;
margin-top: ;
padding-left:5px; /* 余白 */
border-left:5px #ff3300 solid; /* ボーダー */

}

#menu .menubox{
padding: 5px 0 ;
}
#menu li {
display: inline;
float: left;
padding: 0;
margin:0 1px 3px;
background: hidden;
border: hidden;
text-indent: none;
}
#menu li a{
display: block;
width:142px;
padding: 0 1px;
height: 25px;
line-height: 25px;
overflow: hidden;
border:1px dotted #ccc ;
text-decoration: none;
color: #a99e93;
}
#menu li a:hover{
display: block;
background: #a99e93;
color: #fff;
}
#footermenu{
text-align:right;
font-size: 85%;
padding-top: 10px;
}
#footermenu span{padding: 0 2px;}
#footermenu a{text-decoration: none;}

/*----------------------------------------------------
	▼フッター
----------------------------------------------------*/

#footer {
margin-bottom:1em; /* 余白 */
padding:2px 5px; /* 余白 */
border-top:1px #ff3300 dotted; /* ボーダー */
border-bottom:1px #ff3300 dotted;
text-align:right; /* 右寄せ */
}

/* --- サイト名 --- */

#footer address {
font-style:normal;
font-weight:bold;
}

/* --- 著作権表示 --- */

#footer ul li {
display:inline; /* 横並べ */
}

/*----------------------------------------------------
	▼位置調整（不要の場合は削除OKです）
----------------------------------------------------*/

.center	{ text-align:center; } /* 中央寄せ */
.left	{ text-align:left; } /* 左寄せ */
.right	{ text-align:right; } /* 右寄せ */

a:hover img {
-ms-filter: "alpha( opacity=60 )";
background: none !important;
filter: alpha(opacity=60);
opacity: 0.6px;
}

.user1,.user2,.user3,.user4,.user5,.user6{
font-size: 12px;
line-height: 130%;
padding-top: 12px;
padding-right: 12px;
padding-bottom: 12px;
padding-left: 100px;
margin-top: 10px;
margin-bottom: 10px;
background-repeat: no-repeat;
background-position: 12px 12px;
background-color: #EFF4FA;
border: 1px solid #C5D7ED;
min-height: 70px;
_height:70px;
_zoom: 1;
overflow: hidden;
}
.user1{background-image: url(img/userm_1.png);}
.user2{background-image: url(img/userf_1.png);}
.user3{background-image: url(img/userm_2.png);}
.user4{background-image: url(img/userm_3.png);}
.user5{background-image: url(img/userf_2.png);}
.user6{background-image: url(img/userf_3.png);}

#entrylist{margin-bottom: 20px;}
.txt-img img{margin:0 8px 8px 8px;}

.cbox {
padding: 10px;
border: 1px #eee solid;
margin-bottom: 10px;
font-size: 12px;
}
#catebox h4{margin-bottom: 5px;}
#catebox .more{
text-align: right;
margin-top: 5px;
font-weight: bold;
}
#catebox p{padding-bottom: 0;margin: 0;}

.FloatEnd {clear: both;margin: 0;padding: 0;width: 0;height: 0;}

#footermenu{text-align: center;}
#footermenu span{margin: 2px;}
#relNavigate{text-align:center;}
#siteNavi{
text-align: right;
font-size: 80%;
font-weight: bold;
}
#siteNavi a{
font-weight: normal;
text-decoration: none;
}
#relNavigate{text-align:center;}

/* ブログ */
.blog {margin: 0 auto 20px;}
.blog .title{
padding-left:5px; /* 余白 */
border-left:5px #a99e93 solid; /* ボーダー */
}
.blog .text{margin: 0 10px 30px;}
.blog .detail{
text-align: right;
font-size: 0.95em;
margin: 2px 10px;
}
.blog .detail span{margin-left:10px;}
.blog .detail span.more {
padding:  2px 5px;
background:#a99e93;
font-weight: bold;
}
.blog .detail span.more a{color: #fff;}