@charset "Shift_JIS";



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

frame.css

全体フレーム・ヘッダー・フッター用

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



/* フレーム全体
-------------------------------------------------------------------------------------------------------- */

body {
	margin:         0px;
	padding:        0px;
	background:     url(../img/frame/bg_frame.jpg) repeat-x #FFFFFF;
	text-align:     center;
}

#wrapper {
	width:			870px;
	margin:			0px auto;
	padding:		0px;
	background:     #FFFFFF;
}
#wrapper #w_inner {
	margin:			0px 10px;
	background:     #FFFFFF;
	text-align:     left;
}

#gnavi_area {
	width:			180px;
	margin:			0px;
	padding:		0px;
	float:			left;
}





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

#header {
	margin:        0px 0px 10px 0px;
	padding:       9px 0px 0px 0px;
	width:         850px;
}

#header #tagline {
	font-size:     85%;
	line-height:   1.2;
	color:         #666666;
}
#header .top {
	margin:        0px 0px 10px 0px;
	width:         850px;
}

/* ロゴ */
#header #logo {
	margin:         0px;
	padding:        11px 0px 0px 0px;
	width:          231px;
	float:          left;
}
#header #logo img {
	vertical-align: bottom;
}


/* ユーティリティナビ　上段
---------------------------------- */
#unavi {
	width:         497px;
	float:         right;
}
#unavi #upper {
	margin:        0px 0px 9px 0px;
	padding:       0px 0px 0px 4px;
}
#unavi #upper ul {
	list-style:    none;
}

/* テキストサイズボタン */
#unavi #upper .t_btn li {
	margin:        0px;
	padding:       0px 0px 0px 6px;
	float:         left;
	line-height:   0;
}
#unavi #upper .t_btn li a span {
	text-indent:   -5000px;
	position:      relative;
	left:          -5000px;
	font-size:     1px;
}

#unavi #upper .t_btn li.small a,
#unavi #upper .t_btn li.middle a,
#unavi #upper .t_btn li.large a {
	display:         block;
	width:           15px;
	height:          12px;
	text-decoration: none;
	overflow:        hidden;
}
#unavi #upper .t_btn li.small a {
	background:    url(../img/frame/tn_small.gif) no-repeat;
}
#unavi #upper .t_btn li.small a:hover {
	background:    url(../img/frame/tn_small_over.gif) no-repeat;
	text-decoration: none;
}
#unavi #upper .t_btn li.middle a {
	background:    url(../img/frame/tn_middle_over.gif) no-repeat;
}
#unavi #upper .t_btn li.middle a:hover {
	background:    url(../img/frame/tn_middle_over.gif) no-repeat;
	text-decoration: none;
}
#unavi #upper .t_btn li.large a {
	background:    url(../img/frame/tn_large.gif) no-repeat;
}
#unavi #upper .t_btn li.large a:hover {
	background:    url(../img/frame/tn_large_over.gif) no-repeat;
	text-decoration: none;
}


/* お問い合わせボタン他 */
#unavi #upper .u_btn li {
	margin:        0px;
	padding:       0px 0px 0px 15px;
	float:         left;
	line-height:   0;
}


/* ユーティリティナビ　下段　ボタンエリア
---------------------------------- */
#unavi #lower {
	width:         497px;
}
#unavi #lower #btn {
	width:         325px;
	float:         left;
}
#unavi #lower #btn ul {
	list-style:    none;
}
#unavi #lower #btn ul li {
	margin:        0px;
	padding:       0px 0px 0px 10px;
	float:         left;
	line-height:   0;
}

/* IE用画像下マージンバグフィックス */
#unavi ul li img {
	vertical-align: bottom;
}


/* ユーティリティナビ　下段　検索エリア
---------------------------------- */
#unavi #lower #search_area {
	width:         152px;
	float:         right;
}

#unavi #lower #search_area .form_area {
	margin:        0px;
	padding:       0px;
	
}
#unavi #lower #search_area .form_area .text_area {
	width:         111px;
	height:        16px;
	float:         left;
}
#unavi #lower #search_area .form_area .btn {
	float:         right;
}





/* グローバルナビエリア
-------------------------------------------------------------------------------------------------------- */

#gnavi {
	margin:         0px 0px 0px 0px;
	padding:        0px 0px 0px 0px;
	width:          850px;
}
#gnavi img {
	margin:         0px;
	padding:        0px;
	vertical-align: bottom;
}

#gnavi li {
	margin:         0px 0px 1px 0px;
	padding:        0px;
	line-height:	0;
	float:          left;
}





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

#footer {
	height:			60px;
	margin:         0px 0px 0px 0px;
	padding:        12px 10px 0px 10px;
	background:     url(../img/frame/footer_bg.gif) no-repeat;
	position:		relative;
}

/* アドレス */
#footer #left {
	width:          247px;
	float:          left;
}

/* ユーティリティ／コピーライト */
#footer #right {
	width:          261px;
	float:          right;
}

#footer #right .top {
	margin:         2px 0px 15px 36px;
}
#footer #right .top ul {
	list-style:     none;
}
#footer #right .top ul li {
	margin:         0px;
	padding:        0px 0px 0px 14px;
	float:          left;
	line-height:    0;
}

/* IE用画像下マージンバグフィックス */
#footer #right .top ul li img {
	vertical-align: bottom;
}

#footer #right .bottom {
	margin:         0px;
	vertical-align: baseline;
}


#spLinkBlockInPc {
	display: block;
	text-align: center;
	font-size: 300%;
	line-height: 1;
}