@charset "utf-8";
/* CSS Document */

/* 
============================================================
【概要】
	ヘッダフッタ以外の共通部品用のCSS

【適用範囲】
	すべてのページに適用

============================================================ */

/*----------------------------------------------------------
リセット
----------------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,form,input,hr,map,area,noscript,sup,pre,select,iframe {
	margin:0;
	padding:0;
	list-style-type:none;
}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
img {
	border-width:0;
}


/*----------------------------------------------------------
フォントサイズ
----------------------------------------------------------*/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.22 "ＭＳ Ｐゴシック",sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/*
【サイズ対照表】

px	%
------------------------------
10	77
11	85
12	93
13	100
14	108
15	116
16	123.1
17	131
18	138.5
19	146.5
20	153.9
21	161.6
22	167
23	174
24	182
25	189
26	197
------------------------------ */


/*----------------------------------------------------------
ボディ
----------------------------------------------------------*/
#wrapper{
	width:810px;
	margin:0 auto;
	color:#353535;
}

/*----------------------------------------------------------
部品
----------------------------------------------------------*/
.fLeft{
	float:left;
}
.fRight{
	float:right;
}
.aLeft{
	text-align:left;
}
.aRight{
	text-align:right;
}

/**文字サイズ調整用**/
#globalFooter div.security p.specification span,
#privacyLead div.security p.specification span{
	font-size:77%!important;
}


/**********************  init  **********************/



br {
	letter-spacing:normal;
}
.clearBoth {
	clear:both;
}
br.clearBoth {
	clear:both;
}
hr {
	display:none;
	visibility:hidden;
	height:0;
	border:0;
}
p	{
	line-height:1.4em;
}
em	{
	font-weight:bold;
	font-style:normal;
}
li {
	line-height:1em;
}
a[name]:hover{
	text-decoration:none !important;
	outline:0 !important;
}
a:link {
	color:#0000CC;
}

a:visited {
	color:#800080;
}

a:hover {
	color:#FF6600;
}
iframe {
	display:block;
	clear:both;
}
.pageTop {
	margin:0 0 30px 0;
}



/**********************  common **********************/
/*見出し*/
#indexBar {
	background:#8B4B25 url(/img/bottom_gray_grad.gif) repeat-x left bottom;
	padding:0 0 7px 0;
	margin:0 0 5px 0;
}
.indexLeftborder {
	background:url(/img/index_bar_border_left.gif) repeat-y 0 0;
}
.indexRightborder {
	background:url(/img/index_bar_border_right.gif) repeat-y 100% 0;
}
.indexBoxTop {
	font-size:1px;
	height:8px;
	background:url(/img/index_bar.gif) no-repeat right top;
}
.indexBoxTop div {
	width:18px;
	height:8px;
	background:url(/img/index_bar.gif) no-repeat left top;
}
.indexBoxBottom {
	font-size:1px;
	height:8px;
	background:url(/img/index_bar.gif) no-repeat right bottom;
}
.indexBoxBottom div {
	width:18px;
	height:8px;
	background:url(/img/index_bar.gif) no-repeat left bottom;
}
#indexBar h2 {
	color:#FFF;
	font-size:120%;
	padding:0 0 0 15px;
}

/*ボタン*/
.inquireBtn {
	background:#00F63F url(/img/inquire_btn_bg.gif);
	text-align:center;
	margin:0 0 30px 0;
}
.inquireBtn .inquireBtnLeft {
	background:url(/img/inquire_btn_frame.gif) repeat-y right top;
}
.inquireBtn .inquireBtnRight {
	background:url(/img/inquire_btn_frame.gif) repeat-y left top;
}
.inquireBtn .inquireBtnTop {
	font-size:1px;
	height:7px;
	background:url(/img/inquire_btn_frame.gif) no-repeat right top;
	text-align:left;
}
.inquireBtn .inquireBtnTop div {
	width:7px;
	height:7px;
	background:url(/img/inquire_btn_frame.gif) no-repeat left top;
}
.inquireBtn .inquireBtnBottom {
	font-size:1px;
	height:7px;
	background:url(/img/inquire_btn_frame.gif) no-repeat right bottom;
	text-align:left;
}
.inquireBtn .inquireBtnBottom div {
	width:7px;
	height:7px;
	background:url(/img/inquire_btn_frame.gif) no-repeat left bottom;
}
.inquireBtn ul {
	margin:0 auto;
	padding:15px 0;
}
.inquireBtn ul li {
	display:inline;
}
.inquireBtn ul li.back {
	padding:8px 0 0 0;
	float:left;
}
.inquireBtn ul li.go {
	float:right;
}
.inquireBtn ul span {
	display:block;
	margin-top:0.3em;
}



/**********************  content  **********************/
p.crumb {
	width:800px;
	margin-left:10px;
}
#content {
	text-align:left;
	margin:10px auto 50px auto;
	clear:both;
	width:800px;
}

/**********************  disclaimer  **********************/
#disclaimer {
	padding:10px;
	text-align:left;
	margin:0 0 50px 0;
	clear:both;
	border:1px solid #f2f2f7;
	background-color:#fafafc;
}

#disclaimer p{
	margin:0 0 10px 0;
}

/**********************  SBM  **********************/
.sbsArea {
	clear: both;
}
.sbsArea:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
.sbsArea ul {
	margin:5px 0;
	padding:0;
	text-align:right;
}
.sbsArea li {
	display:inline;
	margin:0 6px 0 0;
}
.sbsArea li img {
	vertical-align: middle;
}
.sbsArea .sbsUser img {
	margin: 0 3px;
}





/*----------------------------------------------------------
floatさせたボックスが親ボックスの外にはみ出す現象回避
----------------------------------------------------------*/
#bnTopics:after,
#bknFooterSearch .conts:after,
#bnOsusume .conts:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#bnTopics,
#bknFooterSearch .conts,
#bnOsusume .conts {
    display: inline-block;
}

