@charset "UTF-8";

/* ***************************************************
* CSS file For jem-com.jp
	FileName: top.css
	data:2008/03/26 kinoshita

■目次 ==========================================
■[01]:TOP
**************************************************** */


/* common.cssを上書きする↓ */
div#maintd{
	width: 500px;
	float: left;
	text-align: center;
	padding: 0px;
	background: url(/img/top/bg_contents.gif) repeat;
}
div#footer div.bgBrown{
	padding-top : 210px;
	background: url(/img/top/footer_bg_illa.gif) no-repeat top center;
	width: 100%;
}

div#TopicPath {
	font-size: 10px;
	color: #42c1ff;
	text-align: right;
	line-height: 28px;
	width: 482px;
	float: left;
}

/*-----------------------------------------------------------
■私たちが選ばれる理由
------------------------------------------------------------*/
.iepngfix {
	behavior: url(/iepngfix.htc);
}

div.reasonBox{
	clear:both;
	width: 462px;
	margin-top : 10px;
}

div.reasonBox p{
	float: left;
	width: 212px;	
}

div.reasonBox div {
	background: url(/img/top/reason_bg.png) no-repeat right top;
	behavior: url(/iepngfix.htc);
	float: left;
	list-style:none;
	width: 250px;
	padding : 18px 0 8px 0;
}
div.reasonBox div a img{
	display:block;
}

/*-----------------------------------------------------------
■お得メニュー
------------------------------------------------------------*/
div.greatMenu{
	width: 462px;
	margin-top : 10px;
}


div.greatMenu div{
	width: 462px;
	float: left;
	padding: 0 0 8px 0;
	background: url(/img/top/bg_bottom_blue.gif) no-repeat left bottom #d2efff;
}

div.greatMenu div a img{
	display:block;
	float: left;
	margin: 0 0 4px 4px;
}

/* Firefoxのみ適用 */
html>/**/body div.greatMenu div{ padding: 0 0 2px 0;}
html>/**/body div.greatMenu div a img{ margin: 0 0 4px 7px;}

/*-----------------------------------------------------------
■成功事例
------------------------------------------------------------*/
div.successBox{
	width: 462px;
	margin-top : 10px;
/* 	padding: 0 0 8px 0;
 */	background: url(/img/top/bg_bottom_blue.gif) no-repeat left bottom #d2efff;
	float: left;
	display:inline;
	margin-left : 19px;
}



div.successBox div.title{
	float: left;
	padding: 0 8px;
	background: url(/img/top/success_ttl_bg.gif) no-repeat left top;
}

/* Firefoxのみ適用 */
html>/**/body div.successBox div.title{ width: 446px;}

div.successBox div.title img{
	float: left;
	margin: 6px 0 0 0;
}

div.successBox div.title select{
	float: right;
	margin: 10px 10px 0 0;
	color: #666666;
}


div.successBox div.listBox{
	padding: 4px 8px 4px 9px;
	float: left;
	margin-top : 2px;
}

div.successBox div.listBox dl{
	float: left;
	width: 140px;
	padding: 7px 3px 0px 3px;
	text-align: left;
	font-size: 10px;
	line-height: 16px;
	margin: 0 2px 4px 0;
	height: 164px;
	background: url(/img/top/success_bg.gif) no-repeat left top;
	display:inline;
}
/* ↓IE6のみに適用させる */
/* * html div.successBox div.listBox dl { float: right; } */

div.successBox div.listBox dl dt{ text-align: center; width: 140px; }
/* div.successBox div.listBox dl dt img{ display:block;}
 */
div.successBox div.listBox dl dt a img	{ border: 1px solid #FFF; }
div.successBox div.listBox dl dt a img:hover 	{ border: 1px solid #0099ff; }

div.successBox div.listBox dl dd{
	width: 133px;
	padding: 3px;
}

div.successBox div.listBox dl dd a:link 	{ color: #666666; text-decoration: none; }
div.successBox div.listBox dl dd a:visited 	{ color: #666666; text-decoration: none; }
div.successBox div.listBox dl dd a:hover 	{ color: #0099ff; text-decoration: underline; }

/* SEO用テキスト */
div.seoTextBox{
	padding-top : 10px;
	width: 462px;
	text-align: left;
	clear:both;
}

div.seoTextBox div{
	background-color: #fff;
	padding: 10px;
	font-size: 10px;
	line-height: 16px;
	letter-spacing: 1px;
}

/* 東和 */

div.towaBox{
	padding-top : 10px;
	width: 462px;
	text-align: left;
	clear:both;
	position: relative;
}

div.towaBox div{
	background-color: #fff;
	padding: 10px 8px;
	font-size: 10px;
	line-height: 16px;
	letter-spacing: 1px;
}

div.towaBox div span{
	padding-left: 10px;
	display:block;
}

div.towaBox div span.blue{
	color: #6699cc;
}

div.towaBox p img{
	position: absolute;
	top: 96px;
	right: 0px;
}


/*-----------------------------------------------------------
■右サイド
------------------------------------------------------------*/
div#side_right {
	width: 200px;
	float: left;
	padding-right: 30px;
	background: url(/img/top/side_right_bg.gif) repeat-y left;
}

/* IE6のみに適用させる */
/* * html div#side_right{ width: 200px; padding-right: 30px; } 
 */
div#side_right div {
	margin-bottom : 15px;
}

/* お問い合わせ */
div.contact{
	margin: 26px 0 14px 0;
}

div#side_right div.systemBox{
	margin-bottom : 5px;
	margin-left : 5px;
}
/* IE7のみに適用させる */
/* *+html div#side_right div.systemBox { margin-left : 0px; }
 */
/* IE6のみ */
* html div#side_right div.systemBox{ margin-left : 0px;}

div.systemBox h3{ margin-bottom : 0px; }
div.systemBox img{ display:block; }

div.systemBox p{
	background-color: #fff;
	width: 178px;
	text-align: left;
	padding: 5px;
	display:block;
	color: #99734a;
	font-size: 10px;
	line-height: 16px;
	letter-spacing: 1px;
}

/* 一覧へのボタン */
div#side_right div.systemBox div{
	background-color: #fff;
	width: 184px;
	display:block;
	margin: 0px;
	padding: 4px 2px;
	text-align: right;
}

div#side_right div.systemBox div img{ margin:2px 0 0 127px; }



/* IE6のみ */
/* * html div.systemBox p{ width: 188px;}
 */

/* 行事の豆知識 */

div.tipsBox p{
	background: url(/img/top/rside_ttl_tips_bg.gif) no-repeat -1px 0px #fff;
}

/* Firefoxのみ適用 */
html>/**/body div.tipsBox p{ background: url(/img/top/rside_ttl_tips_bg.gif) no-repeat 0px 0px #fff;}


div.systemBox p a:link 		{ color: #99734a; text-decoration: underline; }
div.systemBox p a:visited 	{ color: #99734a; text-decoration: underline; }
div.systemBox p a:hover 	{ color: #0099ff; text-decoration: underline; }



/* バナー */
div.banaBox{
	margin-top : 15px;
	margin-left : 5px;
}

div.banaBox img{
	margin-bottom : 5px;
	display:block;
}

/* IE7のみに適用させる */
div.banaBox { margin-right : 5px; }

/* 新着情報 */
div.newBox{
	text-align: left;
}
div.newBox img{ display:block; }
div.newBox h3{ margin-bottom : 0px; }

div.newBox ul{
	background-color: #fff;
	width: 190px;
	margin-left : 5px;
	padding: 2px 0 0 0;
}
/* Firefoxのみ適用 */
html>/**/body div.newBox ul{ padding: 2px 0 6px 0; }

div.newBox ul li{
	background: url(/img/top/new_mark.gif) no-repeat 6px 2px;
	text-indent:12px;
	font-size: 10px;
	line-height: 15px;
	padding: 0 4px 6px 7px;
}

div.newBox ul li span{
	color: #7ba720;
	letter-spacing: 2px;
}

div.newBox ul a img{
	margin : 8px 0 0 76px;
}

div.newBox ul a img{
	display:block;
}

div.newBox ul li.noImage{
	display:block;
	background:none;
}


/*-----------------------------------------------------------
■2010.07トップページ追加
------------------------------------------------------------*/
div.line5{	
	width: 462px;
	height: 5px;
	margin-top: 0px;
	margin-left: 0px;
	overflow: hidden;
	}
div.line_right_200{	
	width: 200px;
	height: 15px;
	margin-top: 0px;
	margin-left: 0px;
overflow: hidden;
	}
div.line20{	
	width: 462px;
	height: 20px;
	margin-top: 0px;
	margin-left: 0px;
	overflow: hidden;
	}
div.listBox_inbox{
	width: 145px;
	text-align: left;
	padding-left: 11px;
}

/* トップFLASH下バナー */

div.bannerBox{
	clear:both;
	width: 462px;
	height: 221px;
	margin-top : 20px;
	margin-bottom: 5px;
	background-image: url(http://www.osouji-taishi.jp/img/top/banner_back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* トップバナー */

div.bannerBox2{
	clear:both;
	width: 462px;
	height: 221px;
	margin-top : 20px;
	margin-bottom: 5px;
}
div.bannerBox2left{/* バナー左 */	
	width: 230px;
	height: 221px;
	text-align: left;
	vertical-align: top;
	float: left;
}
div.bannerBox2right{/* バナー右 */	
	width: 232px;
	height: 221px;
	text-align: left;
	vertical-align: top;
	float: left;
}
/* トップ-メディア紹介 */
div.top_media_box{
	width: 462px;
	height: auto;
	margin-bottom: 10px;
}
div.top_media_title{
	width: 462px;
}
div.top_media_box2{
	width: 462px;
	height: auto;
	background-image: url(/img/top/media_back.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 0px;
	margin-left: 0px;
	overflow: hidden;
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF;
}
div.top_media_box3{
	clear:both;
	width: 420px;
	height: auto;
	margin-top: 15px;
	margin-left: 25px;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
}

div.top_media_tv_l{/* メディア-TV（左） */
	width: 170px;
	height: auto;
	overflow: hidden;
	text-align: left;
	vertical-align: top;
	float: left;
	margin-right: 17px;
}
div.top_media_tv_l_txt{/* メディア-TV（左テキスト） */
	width: 170px;
	text-align: left;
	line-height: 1.3;
	margin-top: 5px;
	margin-left: 0px;
	overflow: hidden;
}
div.top_media_tv_r{/* メディア-TV（右） */
	width: 218px;
	height: auto;
	overflow: hidden;
	text-align: left;
	vertical-align: top;
	float: left;
}
div.top_media_tv_r_p{/* メディア-TV（右）写真1 */
	width: 103px;
	height: 101px;
	text-align: left;
	vertical-align: top;
	float: left;
	margin-left: 5px;
}

div.top_media_book{/* メディア-雑誌 */
	clear:both;
	width: 420px;
	height: auto;
	margin-top: 5px;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
	margin-bottom: 10px;
}
div.top_media_book_l{/* メディア-雑誌（左） */
	float: left;
	width: 200px;
	height: auto;
	margin-top: 0px;
	text-align: left;
	vertical-align: center;
	overflow: hidden;
}
div.top_media_book_r{/* メディア-雑誌（右） */
	float: left;
	width: 200px;
	height: auto;
	margin-top: 0px;
	text-align: left;
	vertical-align: center;
	overflow: hidden;
	margin-left: 13px;
}

div.top_media_book_txt{/* メディア-雑誌（テキスト） */
	float: left;
	width: 115px;
	height:auto;
	vertical-align: top;
	text-align: left;
	line-height: 1.3;
	overflow: hidden;
}
div.top_media_book_name{/* メディア-雑誌（雑誌名） */
	text-align: left;
	vertical-align: center;
	margin-bottom: 7px;
}
div.top_media_book_p{/* メディア-雑誌（写真） */
	float: left;
	width: 75px;
	text-align: left;
	vertical-align: top;
	margin-left: 5px;
}

/* 会社理念スペース */
div.towa_idea_box{
	width: 462px;
	height: 705px;
	background-color: #FFFFFF;
	overflow: hidden;
	padding-bottom: 55px;
}
*:first-child+html .towa_idea_box{/* IE7用 */
	width: 462px;
	height: 735px;
	background-color: #FFFFFF;
	overflow: hidden;
	padding-bottom:40px;

}
div.towa_idea_box2{
	/* clear:both; */
	width: 432px;
	margin-top: 15px;
	margin-left: 15px;
	text-align: left;
	vertical-align: top;
}
div.towa_idea_logo{
	/* float: left; */
	width: 432px;
	text-align: left;
	vertical-align: top;
}
div.towa_idea_txt_b{/* 会社理念（太字) */
	float: left;
	width: 335px;
	text-align: left;
	vertical-align: top;
	font-size: 120%;
	font-weight: bold;
	color: #333333;
}
div.towa_idea_txt_b2{/* 会社理念（太字)2行目 */
	width: 432px;
	text-align: left;
	vertical-align: top;
	font-size: 120%;
	font-weight: bold;
	color: #333333;
	height: 100%;
}
div.towa_idea_txt_b2 a:link 	{ color: #333333; text-decoration: none; }
div.towa_idea_txt_b2 a:visited 	{ color: #333333; text-decoration: none; }
div.towa_idea_txt_b2 a:hover 	{ color: #333333; text-decoration: underline; }

div.towa_idea_txt_m{/* 会社理念（中字) */
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	color: #5CC7FF;
	padding-left: 6px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #5CC7FF;
}
div.towa_idea_txt_s{/* 会社理念（小字) */
	clear:both;
	width: 420px;
	margin-top: 10px;
	margin-left: 10px;
	text-align: left;
	vertical-align: top;
}
div.towa_idea_area{/* 会社理念（エリア) */
	width: 432px;
	font-size: 10px;
	margin-top: 10px;
	text-align: left;
	vertical-align: top;
}

/*-----------------------------------------------------------

■2011.3.3 トップ右-国際ライセンスIIRCバナー

------------------------------------------------------------*/
div#side_right div.top_r_iirc{
	margin-top: 9px;
	margin-bottom : 5px;
	margin-left : 5px;
}
*:first-child+html div#side_right div.top_r_iirc{/*IE7*/
	margin-top: 11px;
	margin-bottom : 5px;
	margin-left : 5px;
}

div#side_right div.top_r_iirc2{
	margin-bottom : 15px;
	margin-left : 5px;
}