@charset "Shift_JIS";

 /*
============================== CONTENTS ==============================

			1: 全体構成
			2: ナビゲーション
			3: リンクの設定
			4: html要素
			5: 独自要素
			6: アクセシビリティ
			7: 不具合回避

====================================================================
*/



/*
===== 1: 全体構成 =============================================
*/

body { font:90%; margin: 0; padding: 0; text-align: center; color: #333333; background: #FFFFFF url(../img/common/back.jpg) repeat-y center; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; }

#container { margin: 0 auto; padding: 0; width: 748px; text-align: left; }
#header {
	margin: 0;
	width: 748px;
	height: 149px;
	text-align: left;
	background: url(../img/common/header.jpg) no-repeat;
}

#seo { width: 748px; text-align: left; height: 18px; background-color: #515151; }
#logo { text-align: left; height: 82px; float: left; margin: 0; padding: 0; }
#sch { width: 600px; text-align: right; height: 32px; margin: 0; padding: 3px 0 0; }

#contents { padding: 0 8px 0 12px; width: 728px; text-align: left; clear: both; }
#conTitle { margin: 10px 0; }
#smenu {
	width: 190px;
	text-align: left;
	float: right;
	background-color: #F6F7F8;
	margin: 7px 0 0;
	padding: 10px 0 0;
}
#main { width: 528px; text-align: left; float: left; margin: 10px 0 0 0; }
#box { width: 165px; margin: 0 0 15px 15px; }

#footer { margin: 20px 8px 20px 12px; padding: 6px 10px 0 0; width: 718px; height: 18px; text-align: right; background: url(../img/common/footer_back.gif) no-repeat; }
#footer p { padding-right: 18px; }


/*
===== 2: ナビゲーション =============================================
*/

/*── メインメニュー ──*/

#menu { clear: both; margin:0; padding:0; width: 748px; height: 29px; }
#menu ul { margin: 0; padding: 0; }
#menu ul li { font-size:10px; text-indent: -9999px; margin: 0; padding: 0; float: left; }
#menu ul li a { display: block; text-decoration: none; height: 29px; }

#menu ul li#btn01 a { background: url(../img/common/menu.jpg) 0 0; width: 124px; }
#menu ul li#btn02 a { background: url(../img/common/menu.jpg) 624px 0; width: 125px; }
#menu ul li#btn03 a { background: url(../img/common/menu.jpg) 499px 0; width: 125px; }
#menu ul li#btn04 a { background: url(../img/common/menu.jpg) 374px 0; width: 124px; }
#menu ul li#btn05 a { background: url(../img/common/menu.jpg) 250px 0; width: 125px; }
#menu ul li#btn06 a { background: url(../img/common/menu.jpg) 125px 0; width: 125px; }

#menu ul li#btn01 a:hover { background:transparent url(../img/common/menu.jpg) 0 58px; }
#menu ul li#btn02 a:hover { background: url(../img/common/menu.jpg) 624px 58px; }
#menu ul li#btn03 a:hover { background: url(../img/common/menu.jpg) 499px 58px; }
#menu ul li#btn04 a:hover { background: url(../img/common/menu.jpg) 374px 58px; }
#menu ul li#btn05 a:hover { background: url(../img/common/menu.jpg) 250px 58px; }
#menu ul li#btn06 a:hover { background: url(../img/common/menu.jpg) 125px 58px; }

/*── ナビゲーションの縦ポジション ──*/

.index { position: absolute; top: 120px; }
.second { position: absolute; top: 90px; }


/*
===== 3: リンクの設定 =============================================
*/

a, area { outline: 0 none; }

a:link { text-decoration: underline ; }
a:visited { text-decoration: underline ; }
a:hover { text-decoration: none; color: #FF6600; }
a:active { text-decoration: underline ; color: #FF6600; }

a.more:after { white-space: nowrap; color: #FF6600; font-weight: bold; content: " \00BB"; }
a.trackpack:before { white-space: nowrap; color: #FF6600; font-weight: bold; content: "\00BB  "; }
a.previous:before { white-space: nowrap; color: #FF6600; font-weight: bold; content: "\00AB  "; }
a.content { color: #068F5E; }
a.entry-header { color: #333333; text-decoration: none; }


/*
===== 4: html要素 =============================================
*/

h1 { margin: 0; font-size: x-small; padding: 0; }
h2 { margin: 0 0 10px 0; padding: 0; }
h3 { font-weight: bold; font-size:medium; margin: 10px 0 0 0; padding: 0; }
h3.side {	text-align: center; margin: 0 0 10px 0; }
h3.entry-header { padding: 14px 0 0 15px; width: 493px; font-size: medium; background: url(../img/common/entry_box01.jpg) no-repeat; }
h3.comment-header { margin: 0; padding: 20px 0 0 15px; width: 493px; font-size: medium; background-image: url(../img/common/entry_box02.jpg); background-repeat: repeat-y; }


h4 { margin: 10px 0 5px 0; padding: 0; }


strong { font-weight: normal; }

p { margin: 0; padding: 0; line-height: 1.2em; }
p.body { margin: 10px 0 0 0; padding: 0 0 0 17px; }
p.big { font-size: x-large; font-weight: bold; line-height: 1.8em; }
p.small { font-size: small; line-height: 1.2em; }
p.smaller { font-size: smaller; line-height: 1.2em; }
p.xsmall { font-size: x-small; line-height: 1.2em; }
p.pan { font-size: xx-small; }
p.goTop { margin: 5px 0 0 0; text-align: right; width: 520px; clear: both; }
p.wnew { color:#333333; font-size: x-small; line-height: 1.2em; }

ul { margin: .5em 0 1em; padding: 0; list-style-type: none; }
ul ul { margin-left: 12px; padding-left: 0; }
ul li { margin: 0; padding: 0 0 3px 18px; text-indent: -18px; }

ul.day { margin: 0; }
ul.day li { background:url(../img/common/point05.gif) no-repeat 0 4px; text-indent: 0; padding-top: 0; }

ul.mail { margin: 0; }
ul.mail li { background:url(../img/common/point15.gif) no-repeat 0 5px; text-indent: 0; padding-top: 0; }

ul.link { margin: 0; }
ul.link li { background:url(../img/common/point09.gif) no-repeat 0 1px; text-indent: 0; padding-top: 0; }
ul.slink { margin: 0; }
ul.slink li { background:url(../img/common/point01.gif) no-repeat 0 3px; text-indent: 0; padding-top: 0; }

ul.hpLink { float: right; color:#CC0000; margin: 15px 20px 0 0; }
ul.hpLink li { background:url(../img/common/point12.gif) no-repeat 0 0; text-indent: 0; padding-top: 1px; }
ul.outLink { color:#CC0000; margin: 0; }
ul.outLink li { font-size:small; background:url(../img/common/point12.gif) no-repeat 0 0; text-indent: 0; padding-top: 1px; }

img { border: 0; }


table.calendar { width: 162px; margin: 0 auto 15px; }
table.calendar td, table.calendar th { padding: 1px; text-align: center; font-size: 10px; }
table.calendar th.sunday, table.calendar td.sunday { color: #CC0000; }
table.calendar th.sturday, table.calendar td.sturday { color: #000099; }

table.form { margin: 10px 0 0 27px; }
table.form td { font-size: small; }
table.form input { font-size: small; }

form { margin: 0; padding: 0; }

input { background-color: #EEF7F4; !important; }
textarea { background-color: #EEF7F4; !important; }
input:focus { background-color: #FFEACE; !important; }
textarea:focus { background-color: #FFEACE; !important; }

/*
===== 5: 独自要素 =============================================
*/

.cen { text-align: center; }
.right { float: right; }
.left { float: left; }
.red { color:#CC0000; }
.small { font-size: small; }
.base { margin: 0 0 10px; }
.m10b { margin-bottom: 10px; }
.m15b { margin-bottom: 15px; }
.m10t { margin-top: 10px; }
.m15t { margin-top: 15px; }

.inH2 { margin: 0 10px 10px 15px; }

.clear { clear: both; }

.inLink { background: url(../img/common/link_line.gif) repeat-y; margin: 0 0 15px 16px; padding: 2px 0 3px 18px; }

/*── indexページ要素 ──*/

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

#outLine { width: 270px; float:left; margin: 0 0 10px 10px; }

.entry { margin: 0 0 0 15px; }
.entryBox { width: 508px; background: url(../img/common/entry_box02.jpg) repeat-y; }
.entry-line { margin: 0; width: 508px; height: 27px; background: url(../img/common/entry_box04.jpg) repeat-y; }
.entry-content { /* ieMac別指定 */ line-height: 1em;
	float: right; text-align: right; border: 1px solid #CCCCCC;  padding: 5px; margin: 0 15px 0 0; background-color: #FFFFFF; color: #068F5E; font-size: small; }
.entry-day { color: #84C7AF; }
.entry-body { clear: both; width: 478px; background: url(../img/common/entry_box06.jpg) no-repeat bottom; padding: 10px 15px 0 15px; text-align: left; }
.entry-footer { width: 493px; background: url(../img/common/entry_box03.jpg) no-repeat; height: 10px; font-size: x-small; padding: 0 15px 20px 0; text-align: right; }
.comment-line { margin: 0; width: 508px; height: 27px; background: url(../img/common/entry_box05.jpg) no-repeat; }
.comment-body { clear: both; width: 451px; background: url(../img/common/entry_box02.jpg) repeat-y; padding: 10px 30px 0 27px; text-align: left; }
.trackpack_body { padding: 0 0 15px 0; }

#hpBanner { width: 354px; height: 110px; background-image: url(../img/common/hp_banner.jpg); background-repeat: no-repeat; margin-top: 10px; padding: 50px 0 0 176px; }
#hpBanner p { width: 343px; clear: both; padding: 18px 0 0 0; }


#banner { display: inline-table; margin: 10px 0 0 0; }
#banner img { float: left; margin: 0 0 5px 0; }
#banner p { padding: 0 0 0 130px; }

#thisTrackpack { background-color: #EEF7F4; padding: 10px; width: 490px; border: 1px dashed #CCCCCC; margin: 10px 0 5px 5px; }

#searchForm { margin: 10px 0 0 0; padding: 0 0 0 5px; }


/*
===== 6: アクセシビリティ =============================================
*/

.hide { height: 0; width: 0; overflow: hidden; position: absolute; /* for the benefit of IE5 Mac */ }


/*
===== 7: 不具合回避 =============================================
*/


/* WindowsIE以外に適用 */
/* html>body #menu ul li img { vertical-align: bottom; }	画像下の隙間をなくす */

/* MacIE5.xを除くWindowsIE4～6だけに適用 */

/* Hides from IE5-mac \*/
* html #banner { height: 1%; display: block; clear: both; }
* html #hpBanner { height: 160px; }
* html h3.side { font-size: smaller; }
* html h3.stitle { font-size: smaller; }
* html セレクタ { height: 1%; }	/* WindowsIE6配置バグ解消 */
/* End hide from IE5-mac */

/* MacIE5.xとWindowsIE4～6だけに適用 */
* html #footer p { padding-right: 0; }
* html #conTitle { margin-top: 5px; }

/* デバッグ用 */
/* border: 1px solid #FF0000; */
.bold { font-weight: bold; }


/* Safari対策 */

.stopSafari { color:#333333; ! }	/* これ以降Safariには適用されない */
label { cursor: pointer; }