@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]:ブラウザスタイル初期化
------------------------------------------------------------*/

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;
	background: url(/img/common/bg_dot.gif) repeat;
}

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: #0a51a1; text-decoration: none; }
a:visited 	{ color: #0a51a1; text-decoration: none; }
a:hover 	{ color: #ff9900; text-decoration: underline; }


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

div#container {
	width: 100%;
	margin: 0 auto;
}

div#wrapper {
	width: 921px;
}

div#maintd{
	width: 921px;
	float: left;
	background: url(/img/common/bg_line.gif) repeat-y top center;
}

/* -----------------------------------------------------------
■[20]:見出し
------------------------------------------------------------*/

/*-----------------------------------------------------------
■[30]:ヘッダー
------------------------------------------------------------*/
div#header{
	width: 100%;
	margin: 0 auto;
	background: url(/img/common/bg_header.gif) repeat top center;
}
/* Firefoxのみ適用 */
html>/**/body div#header { background: url(/img/common/bg_header2.gif) repeat top center; }

div.headerBox{
	width: 924px;
}

div.headerBox div.header_R{
	float: left;
	width: 600px;
	text-align: left;
	/* padding-top: 26px; */
	margin-left: 2px;
	margin-bottom : 7px;
}
div.headerBox h2.logo img{ float: left; margin-right : 4px; }
div.headerBox div.contact{ float: right; padding: 0 21px 0 0; }

h1{
	padding: 0 0 0 5px;
	font-size: 10px;
	line-height: 26px;
	color: #ff9900;
	letter-spacing: 10px;
}


/********** --ヘッダーナビゲーション **********/
div#headerNvg {
	width: 924px;
	background: url(/img/common/bg_nav.gif) no-repeat top left #fff;
	padding: 1px 0px 1px 2px;
	height: 55px;
}

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

div#headerNvg li {
	float: left;
}



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

div#footer {
	width: 921px;
	float: left;
	padding-top: 20px;
	background: url(/img/common/bg_line.gif) repeat-y top center;
}


div#footer dl{
	width: 921px;
	float: left;
	background-color: #0a51a1;
	padding: 10px 0;
}

div#footer dl dt{
	float: left;
	width: 70px;
	padding-left: 10px;
}
div#footer dl dd{
	float: left;
}



div#footer div{
	width: 921px;
	float: left;
}

div#footer div div{
	width: 500px;
	float: left;
	color: #0a51a1;
	font-size: 10px;
	padding: 5px 5px 20px 5px;
	text-align: left;
}

div#footer div a:link 		{ color: #0a51a1; text-decoration: underline; }
div#footer div a:visited 	{ color: #0a51a1; text-decoration: underline; }
div#footer div a:hover 	{ color: #ff9900; text-decoration: underline; }

div#footer p.copy{
	float: right;
	padding: 5px 0 20px 0;
}

/********** --ページトップ **********/
p.PagetopBt{
	float: right;
	width: 200px;
	text-align: right;
	background: url(/img/common/footer_illa.gif) no-repeat bottom left;
	padding-right: 20px;
}

/*-----------------------------------------------------------
■[60]:ぱんくず
------------------------------------------------------------*/
div#TopicPath {
	font-size: 10px;
	color: #42c1ff;
	float: left;
	color: #666666;
	padding: 10px 0;
	text-indent:10px;
	width: 100%;
}
div#TopicPath span{
	color: #ff9900;
}
div#TopicPath a:link,div#TopicPath a:visited { color: #666666; text-decoration: underline;}
div#TopicPath a:hover {color: #ff9900; 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;}
.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;
}

/*-----------------------------------------------------------
■[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;
}