/* 基本レイアウト */

html { margin: 0; padding: 0; }
form, input { margin: 0; padding: 0; }
a img { border: 0; }


/* リンク色（ページ全体） */

a { color: #000; text-decoration: underline; }
a:hover { color: #EEBB00; }


/* リンク色（ヘッダー） */

#banner a 
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bolder;
}
#banner a:hover {
	text-decoration: underline;
}


/* リンク色（サイドメニュー） */

.module-content a { color: #000; }
.module-content a:hover { color: #EEBB00; }


/* 見出し */

h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
   margin-top: 10px;
   margin-bottom: 10px;
}


/* ページレイアウト */

body
{
	min-width: 900px;
	margin: 0;
	padding: 0;
	font-family: verdana, 'trebuchet ms', sans-serif;
	font-size: 12px;
	text-align: center;
	color: #333;
	line-height: 1.5;
	background-color: #333;
}


#container
{
	position: relative;
	text-align: left;
	width: 900px;
	background-image: url(img/bbg.jpg);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#container-inner
{
	position: static;
	width: auto;
	background: #fff;
}


/* ヘッダー（レイアウト） */

#banner
{
   position: relative;
   width: 900px; /* necessary for ie win */
   height: 150px;
   background: url(img/top.png)  no-repeat;
}

#banner-inner
{
   position: static;
   width: 880px;
   height: 140px;
   margin-top: 10px;
   margin-right: 10px;
   margin-left: 10px;
}


/* ヘッダー（サイトタイトル） */

#banner-header
{
	margin: 0;
	color: #FFFFFF;
	font-size: 32px;
	position:absolute;
	top:56px;
	left:248px;
	width: auto;
	font-weight: bolder;
}

#banner-s
{
	position:absolute;
	right:150px;
	bottom: 13px;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #fff;
	width: auto;
}

#menu-h a
{
   width: 120px;
   height: 28px;
   display: block;
   font-size: 13px;
   text-decoration: none;
   color: #3333ff;
   float: left;
   text-align: center;
   margin: 0px;
   font-weight: bold;
   background-image: url(img/btn-h1.jpg);
   padding-top: 2px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   line-height: 25px;
}

#menu-h a:hover
{
   color: #333333;
   text-decoration: underline;
   background-image: url(img/btn-h2.jpg);
}

/* ヘッダー（サイト説明） */

.banner-des
{
   position:absolute; top:60px; left:20px;
   width: 500px; 
   font-size: 12px;
   font-weight: nomal;
   color: #fff;
}

#banner-description
{
   display: none;
}


/* メインコンテンツ全体 基本レイアウト*/

#pagebody
{
	position: relative;
	width: 100%;
	text-align: center;
	background-image: url(img/bbg.jpg);
}

#pagebody-inner 
{
	position: static;
	width: 880px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

#alpha
{
	display: inline;
	min-height: 1px;
	position: relative;
	float: right;
}

#beta 
{
	display: inline;
	min-height: 1px;
	float: left;
	position: relative;
}

#gamma 
{
	display: inline; /* ie win bugfix */
	position: relative;
	min-height: 1px;
	float: right;
}

#alpha-inner, #beta-inner, #gamma-inner
{ position: static; }


/* メインコンテンツ基本レイアウト（記事部分） */

#alpha
 {
	width: 490px;
	height: auto;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-top: 0px;
}

#alpha-inner 
{
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


/* メインコンテンツ基本レイアウト（左サイドメニュー） */

#beta {
	width: 180px;
	text-align: center;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#beta-inner {}

/* メインコンテンツ基本レイアウト（右サイドメニュー） */

#gamma {
	width: 180px;
	text-align: center;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#gamma-inner {}

/**/

#sur{
	float: left;
	width: 695px;
}

/* 記事部分コンテンツ */

.archive-header,.trackbacks-header,.comments-header,.comments-open-header
{
	height: 30px;
	position: relative;
	width: 490px;
	color: #666;
	font-size: 16px;
	font-weight: bold;
	background-image: url(img/ah.jpg);
	background-repeat: no-repeat;
	text-indent: 35px;
	line-height: 30px;
	margin: 0px;
}

.archive-header-a
{
	height: 30px;
	position: relative;
	width: 490px;
	padding-left: 10px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	background-image: url(img/ah-a.jpg);
	background-repeat: no-repeat;
	text-indent: 22px;
	line-height: 30px;
	margin: 0;
}

.archive-header-b
{
	height: 30px;
	position: relative;
	width: 490px;
	margin: 0;
	padding-left: 10px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	background-image: url(img/ah-b.jpg);
	background-repeat: no-repeat;
	text-indent: 22px;
	line-height: 30px;
}

.img { float: left; margin: 5px 5px 5px 0; }

.img-r{ float: right; margin: 5px 0 5px 5px; }

.img-c{ text-align: center; }

.entry-header
{
   margin-top: 10px;
   padding: 0 0 0 5px;
   color: #666;
   font-size: 14px;
   font-weight: bold;
}

.entry-content { position: static; clear: both; }
.entry,
.entry-more {
	clear: both;
	margin-bottom: 10px;
}
.entry-body { width: 490px; }
.entry-footer{
   margin: 5px 10px 0 0;
   padding: 5px 0;
   text-align: right;
   font-size: 10px;
   border-top: 1px dotted #666;
   color: #999;
}

.gotop { text-align: right;  clear: both;}



/* トラックバック */

#trackbacks-info
{
   margin: 10px 0;
   border: 1px dashed #666;
   padding: 0 10px;
   color: #999;
   font-size: 11px;
   text-align: center;
}
.trackback-content { margin: 0; line-height: 1.5; }
.trackback-footer
{
   margin: 0 0 10px 0;
   border-top: 1px solid #dae0e6;
   padding-top: 3px;
   color: #666;
   font-size: 10px;
   text-align: right;
}


/* コメント */

#comment-author, #comment-email, #comment-url, #comment-text
{
   width: 240px;
}
#comment-bake-cookie { margin-left: 0;　vertical-align: middle; }
#comment-post { font-weight: bold; }
.comment-content,
.comment-footer,
.comments-open-footer { margin: 10px 0; }
.comments-open-content,
.comments-closed { clear: both; margin: 5px 10px; }
.comments-open label { display: block; }


/* フッター */

#footer
{
   width: 900px; /* necessary for ie win */
   height: 30px;
   background: url(img/footer.jpg) ;
   position: relative;
}

#footer-inner
{
   font-size: 10px;
   color: #666;
   position:absolute;
   text-align: center;
   width: 900px;
}

.footer-navi
{
	font-size: 10px;
	text-align: center;
	line-height: 23px;
	padding: 5px;
	clear: both;
	color: #666;
	background-image: url(img/bbg.jpg);
}


/* サイドメニュー内部 */

.module-header
{
	position: relative;
	width: 168px;
	height: 24px;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	background-color: #FFCC00;
	text-align: center;
	border: 1px solid #666666;
	margin-bottom: 2px;
}

.module
{
	position: relative;
	overflow: hidden;
	width: 170px;
}

.module-content
{
	position: relative;
	color: 666666;
	margin-bottom: 7px;
}

.module-list
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.module-list-item a
{
	width: 168px;
	font-size: 12px;
	text-decoration: none;
	color: #666;
	line-height: 17px;
	text-align: center;
	display: block;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: 1px solid #AAAAAA;
	height: auto;
}

.module-list-item a:hover
{
	color: #333333;
	background-color: #FFCC00;
}

.module-list-item-r a
{
	width: 170px;
	font-size: 14px;
	text-decoration: none;
	color: #666666;
	text-align: center;
	display: block;
	margin: 0px;
	height: 47px;
	background-image: url(img/btnr.png);
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 20px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bolder;
}

.module-list-item-r a:hover
{
	color: #EEBB00;
	background-image: url(img/btnr-h.png);
}

.module-list-item-p a
{
	width: 170px;
	font-size: 14px;
	text-decoration: none;
	color: #666666;
	text-align: center;
	display: block;
	height: 110px;
	background-image: url(img/prof.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.module-list-item-p a:hover
{
	color: #EEBB00;
	background-image: url(img/prof-h.png);
}

/* 表示補助 */

.pkg:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
}

.banner-side
{
	text-align: center;
	height: auto;
	width: 170px;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}

.style1 {color: #FF0000}

.style2 {
	color: #FF0000;
	font-size: 26px;
	font-weight: bolder;
	line-height: 1.1em;
}

.font-sb{
	font-size: 14px;
	line-height: 1.2em;
	font-weight: bold;
}

.menu1
{
	color: #666;
	width: 170px;
	background-color: #FFFFFF;
}

.menu2
{
	color: #666;
	width: 170px;
	margin-top: 2px;
	background-color: #DDDDDD;
}

.menu3
{
	color: #666;
	width: 170px;
	margin-top: 2px;
	background-color: #CACAFF;
}

.menu4
{
	color: #666;
	width: 170px;
	margin-top: 2px;
	background-color: #CCFFFF;
}

.menu5
{
	color: #666;
	width: 170px;
	margin-top: 2px;
	background-color: #DDFFDD;
}

.menu6
{
	color: #666;
	width: 170px;
	margin-top: 2px;
	background-color: #FFFFCC;
}

.menu7
{
	color: #666;
	width: 170px;
	margin-top: 2px;
	background-color: #FFDDBB;
}

.menu8
{
	color: #666;
	width: 170px;
	margin-top: 2px;
	background-color: #FFDFDF;
}

.btn1{}

.btn1 a{
	background-image: url(img/btn1.png);
	height: 70px;
	width: 158px;
	background-repeat: no-repeat;
	background-position: center center;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: left;
}

.btn1 a:hover{
	background-image: url(img/btn1-h.png);
}

.btn2{}

.btn2 a{
	background-image: url(img/btn2.png);
	height: 70px;
	width: 158px;
	background-repeat: no-repeat;
	background-position: center center;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: left;
}

.btn2 a:hover{
	background-image: url(img/btn2-h.png);
}

.btn3{}

.btn3 a{
	background-image: url(img/btn3.png);
	height: 70px;
	width: 158px;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.btn3 a:hover{
	background-image: url(img/btn3-h.png);
}

.btn4{}

.btn4 a{
	background-image: url(img/btn4.png);
	height: 70px;
	width: 158px;
	background-repeat: no-repeat;
	background-position: center center;
	text-decoration: none;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.btn4 a:hover{
	background-image: url(img/btn4-h.png);
}

.btn5{}

.btn5 a{
	background-image: url(img/btn5.png);
	height: 70px;
	width: 158px;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.btn5 a:hover{
	background-image: url(img/btn5-h.png);
}

.btn6{}

.btn6 a{
	background-image: url(img/btn6.png);
	height: 70px;
	width: 158px;
	background-repeat: no-repeat;
	background-position: center center;
	text-decoration: none;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.btn6 a:hover{
	background-image: url(img/btn6-h.png);
}

.keishou{
	background-image: url(img/keishou.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 70px;
	font-size: 19px;
	font-weight: bolder;
	line-height: 1.2em;
	height: 105px;
	padding-top: 5px;
}

.cl{
	clear: both;
}

.center{text-align: center;}
.right{text-align: right;}
.left{text-align: left;}

.btn-d
{
   margin: 0;
   padding: 0;
   list-style: none;
}

.btn-d a
{
	width: 200px;
	height: 39px;
	text-decoration: none;
	background-image: url(img/btn-d1.png);
	background-repeat: no-repeat;
	display: block;
	text-align: center;
	background-position: center center;
}

.btn-d a:hover
{
	background-image: url(img/btn-d2.png);
}

.btn-order
{
   margin: 0;
   padding: 0;
   list-style: none;
}

.btn-order a
{
	width: 200px;
	height: 39px;
	text-decoration: none;
	background-image: url(img/btn-order1.png);
	background-repeat: no-repeat;
	display: block;
	text-align: center;
	background-position: center center;
}

.btn-order a:hover
{
	background-image: url(img/btn-order2.png);
}

.s0{
	color: #FFFFFF;
}
.s1{
	font-weight: bolder;
	color: #FFCCFF;
}
.s2{
	font-weight: bolder;
	color: #CCFF99;
}
.s3{
	font-weight: bolder;
	color: #FFFF99;
}
.s4{}
.s5{}
.b{
	font-weight: bolder;
}
.ichioshi{
	border: 1px solid #666666;
	background-color: #EEEEEE;
	color: #000000;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
}

.hr{
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
}

.f_b{
	font-weight: bold;
}

.f_u{
	text-decoration: underline;
}

.f10{
	font-size: 10px;
}

.f14{
	font-size: 14px;
}

.f16{
	font-size: 16px;
}

.f18{
	font-size: 18px;
}

.f20{
	font-size: 20px;
}

.f22{
	font-size: 22px;
}

.red{
	color: #FF0000;
}

.in1{ padding-bottom:1px;}
.in2{ padding-bottom:2px;}
.in3{ padding-bottom:3px;}
.in4{ padding-bottom:4px;}
.in5{ padding-bottom:5px;}
.in6{ padding-bottom:6px;}
.in7{ padding-bottom:7px;}
.in8{ padding-bottom:8px;}
.in9{ padding-bottom:9px;}
.in10{ padding-bottom:10px;}
.in11{ padding-bottom:11px;}
.in12{ padding-bottom:12px;}
.in13{ padding-bottom:13px;}
.in14{ padding-bottom:14px;}
.in15{ padding-bottom:15px;}
.in16{ padding-bottom:16px;}
.in17{ padding-bottom:17px;}
.in18{ padding-bottom:18px;}
.in19{ padding-bottom:19px;}
.in20{ padding-bottom:20px;}
.in21{ padding-bottom:21px;}
.in22{ padding-bottom:22px;}
.in23{ padding-bottom:23px;}
.in24{ padding-bottom:24px;}
.in25{ padding-bottom:25px;}
.in26{ padding-bottom:26px;}
.in27{ padding-bottom:27px;}
.in28{ padding-bottom:28px;}
.in29{ padding-bottom:29px;}
.in30{ padding-bottom:30px;}