@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: #333333;
	font-size: 14px;
	line-height: 22px;
	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: #003999; text-decoration: none; }
a:visited 	{ color: #003999; text-decoration: none; }
a:hover 	{ color: #f0a900; text-decoration: underline; }


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

div#container {
	width: 100%;
	margin: 0 auto;
	float: left;
	border-top: 1px solid #fff;
}

div#wrapper {
	width: 880px;
}

div#maintd{
	width: 880px;
	float: left;
}


div.LeftBox{
	width: 610px;
	float: left;
}

/* -----------------------------------------------------------
■[20]:見出し
------------------------------------------------------------*/
h3{ margin-bottom : 10px; }
h4{ margin-bottom : 10px; margin-top : 35px; width: 610px; }

/*-----------------------------------------------------------
■[30]:ヘッダー
------------------------------------------------------------*/
div#header{
	width: 100%;
	margin: 0 auto;
	background-color: #3e3176;
}

div.headerBox{
	width: 880px;
}


h1{
	font-size: 10px;
	padding-top: 4px;
	color: #a5bfda;
	height: 16px;
}

div.headerBoxLogo	{ float: left; width: 650px; background: url(/img/common/bg_header.gif) no-repeat 536px -16px;}
div.headerBoxBt		{ float: right; width: 230px; padding-top : 54px; background: url(/img/common/bg_header.gif) no-repeat -111px -18px ;}

/********** --ビゲーション **********/
div#Nvg {
	width: 100%;
	background: url(/img/common/bg_nav.gif) repeat-x bottom center #fff;
}

div#Nvg ul {
	width: 880px;
	list-style:none;
	margin: 0 auto;
	height: 50px;
}

div#Nvg li{
	float: left;
}

div.he73{height: 73px;}

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

div#footer {
	width: 100%;
	float: left;
	background: url(/img/common/footer_bg.gif) repeat-x top center #3e3176;
	padding: 0 0 60px 0;
	margin-top : 10px;
}

div#footer div{
	width: 880px;
}

div#footer p.copy{
	padding: 10px 0;
}

div#footer div ul{
	width: 880px;
	float: left;
}

div#footer div ul li{
	float: left;
	background: url(/img/common/footer_mark.gif) no-repeat 0px 7px #3e3176;
	padding-left: 16px;
	padding-right: 10px;
}

div#footer div a:link 		{ color: #a5bfda; text-decoration: underline; }
div#footer div a:visited 	{ color: #a5bfda; text-decoration: underline; }
div#footer div a:hover 	{ color: #f0a900; text-decoration: underline; }


/********** --ページトップ **********/
p.PagetopBt{
	float: right;
	width: 200px;
	text-align: right;
	font-size: 10px;
	margin-top : 40px;
}

p.PagetopBt a:link 	{ color: #003999; text-decoration: underline; background: url(/img/common/pagetop_rll.gif) no-repeat top right; padding-right: 16px;}
p.PagetopBt a:visited 	{ color: #003999; text-decoration: underline; background: url(/img/common/pagetop_rll.gif) no-repeat top right; padding-right: 16px;}
p.PagetopBt a:hover 	{color: #f0a900; text-decoration: underline; background: url(/img/common/pagetop_on.gif) no-repeat top right;  padding-right: 16px;}

/*-----------------------------------------------------------
■[60]:ぱんくず
------------------------------------------------------------*/
div#TopicPath {
	font-size: 10px;
	color: #42c1ff;
	/* float: left; */
	color: #666666;
	padding: 4px 0;
	text-indent:10px;
	width: 100%;
	background-color: #e8e8e8;
	margin-bottom : 10px;
	height: 22px;
}
div#TopicPath span{
	color: #ff9900;
}
div#TopicPath a:link,div#TopicPath a:visited { color: #003399; text-decoration: none;}
div#TopicPath a:hover {color: #f0a900; text-decoration: underline;}


/*-----------------------------------------------------------
■[80]:レイアウト指定
------------------------------------------------------------*/
.right { text-align: right;}
.center { text-align: center;}
.left { text-align: left;}
.fLeft{ float: left;}
.fRight{ float: right;}
.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;}

/*-----------------------------------------------------------
■[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]:指定リンク
------------------------------------------------------------*/


/*-----------------------------------------------------------
■右列
------------------------------------------------------------*/
/* メニュー */
div.RightBox{
	width: 240px;
	float: right;
}

div.SideBox{
	background: url(/img/common/side_bg.gif) repeat-y left top;
	width: 240px;
	float: left;
	margin-bottom : 10px;
}

div.SideBox ul{
	width: 220px;
	float: left;
	padding: 1px 0 0 0;
	display:inline;
	background: url(/img/common/side_dotline_top.gif) repeat-x left top;
	margin: 5px 0 0 10px;
}

div.SideBox ul li{
	background: url(/img/common/side_dotline.gif) repeat-x left bottom #fff;
	float: left;
	width: 220px;
	margin-top : 2px;
	display:block;
}

div.SideBox ul li a{
	float: left;
	padding-left: 14px;
	padding: 6px 0 6px 14px;
	width: 204px;
}
div.SideBox ul li a:link 	{ text-decoration: none; color: #003999; background: url(/img/common/side_arrow.gif) no-repeat 0px 11px; }
div.SideBox ul li a:visited 	{ text-decoration: none; color: #003999; background: url(/img/common/side_arrow.gif) no-repeat 0px 11px; }
div.SideBox ul li a:hover 	{ text-decoration: none; color: #f0a900; background: url(/img/common/side_arrow_on.gif) no-repeat 4px 11px; }

div.SideBox ul li.HoverLink		{ background: url(/img/common/side_dotline.gif) repeat-x left bottom #e0dcf0; }


div.SideBox div.BgBottom{
	width: 240px;
	float: left;
	background: url(/img/common/side_bg_bottom.gif) no-repeat left bottom;
	height: 10px;
}

div.SideInfo{
	width: 224px;
	float: left;
	padding: 5px 5px 0 10px;
	display:inline;
	font-size: 12px;
	line-height: 18px;
}

div.SideInfo span{
	display:block;
	padding-bottom: 4px;
}

div.SideInfo img{
	display:block;
	padding-left: 2px;
}


/* 実例 */
div.ExampleBox{
	background: url(/img/common/example_bg.gif) repeat-y left top;
	width: 240px;
	float: left;
	margin-bottom : 10px;
}

div.ExampleBox dl{
	float: left;
	width: 220px;
	padding: 0px 10px 5px 10px;
	display:inline;
}

div.ExampleBox dl dt{
	float: left;
}

div.ExampleBox dl dt a{
	font-weight: bold;
	font-size: 12px;
	line-height: 22px;
}

div.ExampleBox dl dd{
	font-size: 10px;
	line-height: 18px;
	float: left;
}

div.ExampleBox dl dd img{
	margin: 5px 8px 5px 0px;
}

div.DotLine{
	width: 240px;
	float: left;
	background: url(/img/common/example_line.gif) repeat-x left bottom;
	height: 1px;
	margin-bottom : 10px;
}
div.ExampleBox div.BgBottom{
	width: 240px;
	float: left;
	background: url(/img/common/example_bg_bottom.gif) no-repeat left bottom;
	height: 10px;
}


/*-----------------------------------------------------------
■[100]:テーブル
------------------------------------------------------------*/
table{
	width: 610px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	float: left;
}

table tr{
	width: 610px;
}

table tr th{
	text-align: left;
	color: #003999;
	padding: 9px 7px 9px 20px;
	vertical-align: top;
	width: 120px;
	background: url(/img/common/table_th_mark.gif) no-repeat 8px 12px #c8c2e2;
}
/* IE6のみに適用させる */
* html table tr th img{margin-top : 4px; }

table tr td{
	vertical-align: top;
	padding: 9px 12px;
}

table tr th.line{ height: 1px; padding:0px; background: url(/img/common/table_line_th.gif) no-repeat bottom right #c8c2e2 ; }
table tr td.line{ height: 1px; padding:0px; background: url(/img/common/table_line_td.gif) repeat-x bottom right ; }


table tr td span{
	font-size: 10px;
	color: #ff3333;
	line-height: 18px;
}

input { border: 1px solid #ccc; margin-bottom : 2px; padding: 2px; font-size: 14px;}
select { border: 1px solid #ccc; margin-bottom : 2px; }
textarea { border: 1px solid #ccc; padding: 2px; font-size: 14px; }