@charset "UTF-8";

/* ***************************************************
* CSS file For osouji-taishi.jp
	FileName: common.css
	data:2009/06/20 kinoshita

■目次 ==========================================
■[01]:ブラウザスタイル初期化
■[02]:基本テキストリンク
■[03]:大枠レイアウト
■[20]:見出し
■[30]:ヘッダー
■[40]:サイドナビ
■[50]:フッター
■[60]:ぱんくず
■[80]:レイアウト指定
■[90]:指定フォント
■[91]:指定リンク
**************************************************** */



/*-----------------------------------------------------------
■[01]:ブラウザスタイル初期化
------------------------------------------------------------*/
/* -------------------------[00]:WinIE用/透過pngの適用 */
.iepngfix {
	behavior: url(/iepngfix.htc);
}

body, div, table, caption, th, tr, td, ul, ol, li, dl, dt, dd, form, input, textarea, p {
	font-weight: normal;
	font-style: normal;
	margin: 0 auto;
	padding: 0;
}

body {
	margin: 0 auto;
	padding: 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo, sans-serif;
	color: #7e7e7e;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	background: url(/img/common/bg_dot.gif) repeat center;
}

img,table { border: none;}

img { border: 0px;}

h1,h2,h3,h4,h5,h6,p,form,ul,li,dl,dt,dd {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

ul { list-style: none; }

ol li {margin: 0;}

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
}


br { padding: 0px; margin: 0px;}

/*-----------------------------------------------------------
■[02]:基本テキストリンク
------------------------------------------------------------*/

a:link 		{ color: #99734a; text-decoration: none; }
a:visited 	{ color: #99734a; text-decoration: none; }
a:hover 	{ color: #0099ff; text-decoration: underline; }



/*-----------------------------------------------------------
■[03]:大枠レイアウト
------------------------------------------------------------*/

div#container {
	width: 100%;
	background: url(/img/common/bg_header.gif) no-repeat top center;
	margin: 0 auto;
}

div#container_top {
	width: 100%;
	background: url(/img/common/bg_header_top.gif) no-repeat top center;
	margin: 0 auto;
}


div#wrapper {
	width: 930px;
	padding-left: 30px;
}
/* IE6のみに適用させる */
/* * html div#wrapper{ width: 960px; } 
 */
div#maintd{
	width: 692px;
	float: left;
	text-align: left;
	padding: 0px 19px;
	background: url(/img/common/bg_contents.gif) repeat-y left top;
}

div.bgWhiteTop{  height: 15px; background: url(/img/common/bg_white_top.gif) no-repeat left top; clear:both; }
div.bgWhiteBottom{  height: 15px; background: url(/img/common/bg_white_bottom.gif) no-repeat left top; clear:both; }

div.bgWhite{
	background: url(/img/common/bg_white.gif) repeat-y left;
	width: 692px;
	float: left;
}

/* -----------------------------------------------------------
■[20]:見出し
------------------------------------------------------------*/
h2{ margin-bottom : 10px; }
h3{ margin-bottom : 10px; }

/*-----------------------------------------------------------
■[30]:ヘッダー
------------------------------------------------------------*/
div#header{
	width: 960px;
	text-align: right;
	position: relative;
}

/* IE7のみに適用させる */
*+html div#header{ height: 167px; }


div.header_R{
	text-align: right;
}
div.logo{
	position: absolute;
	top: 39px;
	left: 360px;
}

h1{
	padding: 7px 0 5px 0;
	font-size: 12px;
	height: 18px;
}


/********** --ヘッダーナビゲーション **********/
div#headerNvg {
	margin: 35px 0 0 0;
	width: 960px;
	height: 24px;
	float: left;
}

div#headerNvg ul {
	list-style:none;
	float: left;
}

div#headerNvg li {
	height: 24px;
	float: left;
}

/* ↓バケツの上部画像 */
div.pagetopTop{
	width: 30px;
	height: 134px;
	position: absolute;
	top: 171px;
	right: 2px;
}


/*-----------------------------------------------------------
■[40]:サイドナビ
------------------------------------------------------------*/

div#side {
	width: 200px;
	float: left;
	background: url(/img/common/side_bg.gif) repeat-y left;
}

div#side div {
	margin-bottom : 15px;
}

div#side div a img {
	display:inline;
	margin-bottom : 4px;
}
div.picupmenuTop{ margin-top: 26px; }
div#side h3{ margin-bottom : 5px; }
div#side h3 img{ display:block; }


/* 会員ログイン */
div.member{
	margin-top: 26px;
}

div.member p.error{
	text-align: left;
	text-indent:48px;
	font-size: 10px;
	line-height: 16px;
	color: #ff3333;
	background: url(/img/common/error.gif) no-repeat 5px 2px;
	padding: 0px 5px 5px 5px;
}

div.member dl{
	float: left;
	margin-bottom : 2px;
}

div.member dl dt{
	color: #784f2c;
	font-size: 10px;
	font-weight: bold;
	float: left;
	width: 62px;
}


div.member dl dd{
	float: left;
}

div.member dl dd input{
	width: 130px;
	height: 18px;
	border: 1px solid #784f2c;
}
div.member span.memory{
	color: #86603f;
	font-size: 10px;
	
}

div.member span.forget a{
	color: #cc6600;
	font-size: 10px;
	
}

div.member span.forget a:link 		{ color: #cc6600; text-decoration: none; }
div.member span.forget a:visited 	{ color: #cc6600; text-decoration: none; }
div.member span.forget a:hover 	{ color: #cc6600; text-decoration: underline; }

div.member span.member_off img{
	margin-top: 4px;
}


/* ログインした状態 */
div#side div.login{
	background: url(/img/common/bg_login.gif) no-repeat bottom center;
	height: 70px;
	width: 190px;
	text-align: left;
	margin-bottom: 3px;
}

div#side div.login img{
	display:block;
}

div#side div.login div{
	padding: 3px 5px 5px 50px;
	line-height: 15px;
	color: #53c4ff;
	font-weight: bold;
	margin: 0px;
}

div#side div.login span{
	font-size: 10px;
}


/* IE6のみに適用させる
* html div.logint { width: 190px;}
 */

/* 場所から選ぶメニュー */
div#side div.locaMenu a img{
	margin-bottom: 0px;
	height: 22px;
	display:block;
}

/*-----------------------------------------------------------
■[50]:フッター
------------------------------------------------------------*/

div#footer {
	width: 100%;
	text-align: center;
	margin: auto;
	background: url(/img/common/footer_bg.gif) repeat-x top center;
	clear:both;
}

div#footer div.bgBrown{
	padding-top : 210px;
	background: url(/img/common/footer_bg_illa.gif) no-repeat top center;
	width: 100%;
}

div#footer div.link {
	text-align: left;
	width: 840px;
	padding: 0 0 8px 60px;
	clear:both;
	position: relative;
}

/********** --ページトップ（バケツ） **********/
p.PagetopBt{ position: absolute; right: -60px; top: -270px; }

/* うさぎ */
p.rabbitMama{ position: absolute; right: -36px; top: -9px; }
p.rabbitRun{ position: absolute; left: -22px; top: -12px; }

div#footer div.link dl{
	width: 797px;
	float: left;
	font-size: 10px;
}

div#footer div.link dl.bottom{
	padding-bottom: 10px;
}

div#footer div.link dl.bottom dt{
	width:797px;
}

div#footer div.link dl dt{
	padding-right: 10px;
	float: left;
	width:144px;
}

div#footer div.link dl dd{
	float: left;
	width:643px;
}

/**:first-child+html div#footer div.link dl dt,
*:first-child+html div#footer div.link dl dd,
*html div#footer div.link dl dt,
*html div#footer div.link dl dd{
	font-size: 75%;
}*/

div#footer div.link a{
	margin-right : 15px;
	padding-bottom: 4px;
	letter-spacing: 1px;
}

div#footer div.link a:link 		{ color: #f0d4bb; text-decoration: underline; }
div#footer div.link a:visited 	{ color: #f0d4bb; text-decoration: underline; }
div#footer div.link a:hover 	{ color: #784f2c; text-decoration: underline; }

div#footer p.copy{
	background-color: #778b39;
	clear:both;
}
div#footer p img{
	margin: 3px;
}


/*-----------------------------------------------------------
■[60]:ぱんくず
------------------------------------------------------------*/
div#TopicPath {
	font-size: 10px;
	color: #42c1ff;
	text-align: right;
	line-height: 28px;
	width: 662px;
	float: left;
	color: #42c1ff;
}
div#TopicPath a:link,div#TopicPath a:visited { color: #79d3ff; text-decoration: underline;}
div#TopicPath a:hover {color: #0099ff; text-decoration: underline;}


/*-----------------------------------------------------------
■[80]:レイアウト指定
------------------------------------------------------------*/
.right { text-align: right;}
.center { text-align: center;}
.left { text-align: left;}
.fLeft{ float: left;}
.fRight{ float: right;}
.mt2{margin-top: 2px;}
.ml15{margin-left: 15px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt0{margin-top: 0px;}
.mt5{margin-top: 5px;}
.mt15{margin-top: 15px;}
.mb0{margin-bottom: 0px;}
.mb10{margin-bottom: 10px;}
.pt10{padding-top: 10px;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.bgFF0000{ background-color: #FF0000; }

/*-----------------------------------------------------------
■[90]:指定フォント
------------------------------------------------------------*/
.xxx-large { font-size:200%;    line-height:150%; } /*32px*/
.xx-large  { font-size:150%;    line-height:150%; } /*24px*/
.x-large   { font-size:131.25%; line-height:150%; } /*21px*/
.large     { font-size:112.5%;  line-height:150%; } /*18px*/
.mid       { font-size:100%;    line-height:150%; } /*16px = 12pt*/
.small     { font-size:80.0%;   line-height:150%; } /*12px*/
.x-small   { font-size:62.5%;   line-height:150%; } /*10px*/
.xx-small  { font-size:56.25%;  line-height:150%; } /*9px*/

.j8{ font-size: 8px;}
.j9{ font-size: 9px;}
/*-----------------------------------------------------------
■[91]:指定リンク
------------------------------------------------------------*/


/*-----------------------------------------------------------
■[100]:お問い合わせ（上部）
------------------------------------------------------------*/
div.contactTop{
	background: url(/img/common/contact_top_bg.gif) no-repeat top left;
	width: 642px;
	display:inline;
	float: left;
	margin : 15px 10px;
	height: 97px;
}

div.contactTop a{
	width: 240px;
	float: left;
	margin: 0 0 0 10px;
}

div.contactTop div{
	float: left;
	width: 275px;
	margin: 20px 0 0 10px;
	display:inline;
}

div.contactTop div img{
	display:block;
}

div.contactTopMt0{
	margin : -30px 0 0 0;
	float: left;
}

/*-----------------------------------------------------------
■[100]:お問い合わせ（下部）
------------------------------------------------------------*/

div.contactBottom{
	margin-top : 20px;
	background: url(/img/common/contact/bg.gif) no-repeat top left;
	width: 642px;
	height: 280px;
	padding: 9px 10px;
	float: left;
}

div.contactBottomTitle{
	width: 642px;
	position: relative;
	clear:both;
}

div.contactBottomTitle p{
	position: absolute;
	top: -9px;
	right: -10px;
}


div.contactBottom dl{
	width: 642px;
	float: left;
	display:inline;
	border-bottom: 3px solid #ab896c;
	margin-bottom : 10px;
}


div.contactBottom dl dt{
	float: left;
	width: 130px;
}


div.contactBottom dl dd{
	float: left;
	width: 506px;
}

div.contactBottom dl dd div{
	float: left;
}

div.contactBottom dl dt img{ display:block; }
div.contactBottom dl dd a{ display:block; }
div.contactBottom dl dd img{ display:block; }
div.contactBottom dl dd div img{ display:block; }

div.contactBottom dl.faxBox{
	margin-bottom : 0px;
}

div.contactBottom div.faxBox{
	background-color: #784f2c;
	color: #fff;
	float: left;
	font-size: 10px;
	line-height: 16px;
	width: 642px;
	letter-spacing: 1px;
}

div.contactBottom div.faxBox p{
	float: left;
	padding: 4px 10px;
}

div.contactBottom div.faxBox a{
	float: right;
}


/*-----------------------------------------------------------
■[**]:藤本追加
------------------------------------------------------------*/
.imeTypeChar {
	ime-mode: disabled;
}


/* メニューのご紹介と他社との違いのボタン */
div.centerBtBox{ width: 550px; margin: 5px 0 0 15px; text-align: center; clear:both; }
div.centerBtBox img{ display:block; margin-top : 10px; }