/*-----フォント関係ここから
------------------------------*/
* {
	font-size:98%;
}

.path_text {
	font-size:83%;
}
.path_text2 {
	font-size:85%;
}
.topic_path {
	font-size:80%;
	color:#333333;
	padding: 0px;
	margin-left: 10px;
	margin-top: 12px;
	_margin-top: 8px;
}
*:first-child+html .topic_path {
	font-size:80%;
	color:#333333;
	padding: 0px;
	margin-left: 5px;
	margin-top: 10px;
}

.topic_path a:link {
	font-size:85%;
	color:#333333;
	text-decoration: none;
}
.topic_path a:visited {
	font-size:85%;
	color:#333333;
	text-decoration: none;
}
.topic_path a:hover {
	font-size:85%;
	color:#333333;
	text-decoration: underline;
}
.topic_path2 {
	font-size:80%;
	color:#333333;
	padding: 0px;
	margin-left: 94px;
	margin-top: 12px;
	_margin-top: 8px;
	width:115px;
}

*:first-child+html .topic_path2 {
	font-size:80%;
	color:#333333;
	width:115px;
	margin-left:87px;
	padding-top:10px;
}

.topic_path2 a:link {
	font-size:85%;
	color:#333333;
	text-decoration: none;
}
.topic_path2 a:visited {
	font-size:85%;
	color:#333333;
	text-decoration: none;
}
.topic_path2 a:hover {
	font-size:85%;
	color:#333333;
	text-decoration: underline;
}
.f92_orange {
	font-size:92%;
	color:#F09100;
}
.f_pink {
	color:#e95470;
}
.f93_pink {
	color:#e95470;
	font-size:93%;
}
.f80_pink {
	color:#e95470;
	font-size:80%;
}
.f110_pink  {
	color:#e95470;
	font-size:110%;
}
.f_black {
	color:#333333;
}
.f85_black {
	color:#333333;
	font-size:85%;
}
.f92_black {
	color:#333333;
	font-size:92%;
}
.f93_black {
	color:#333333;
	font-size:93%;
	line-height:135%;
}
.f100_black {
	color:#333333;
	font-size:100%;
}
.f110_black {
    color:#000000;
	font-size:110%;
}
.f140_black {
	font-size:140%;
	font-weight:bold;
}
.f92_red {
	color:#FF0000;
	font-size:92%;
}
.f100_red {
	color:#FF0000;
	font-size:100%;
}
.f110_red {
	color:#FF0000;
	font-size:110%;
}
.f95_green {
	color:#009f3c;
	font-size:95%;
}
.f95_blue {
	color:#0075bf;
	font-size:95%;
}
.f120_pink {
	color:#e95470;
	font-size:120%;
	line-height: 150%;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

a:link {
	font-size:100%;
	color:#142EE2;
	text-decoration: none;
}
a:visited {
	font-size:100%;
	color:#142EE2;
	text-decoration: none;
}
a:hover {
	font-size:100%;
	color:#142EE2;
	text-decoration: underline;
}
.page_top  {
	font-size:85%;
	color:#0033CC;
	margin-left:588px;
	margin-bottom:5px;
}
.page_top a:link {
	font-size:85%;
	color:#0033CC;
	text-decoration: underline;
	margin-bottom:5px;
}
.page_top a:visited {
	font-size:85%;
	color:#0033CC;
	text-decoration: underline;
	margin-bottom:5px;
}
.page_top a:hover {
	font-size:85%;
	color:#0033CC;
	text-decoration: none;
	margin-bottom:5px;
}
/*-----フォント関係ここまで
------------------------------*/

h2 {
	padding-bottom: 3px;
	padding-left: 10px;
	border-bottom: 2px solid #ef98a9;
	padding-top: 3px;
	background: url(../common/h2_bg.gif) no-repeat left 2px;
	color: #e95470;
	margin-bottom: 15px;
	margin-top: 10px;
	margin-left: 3px;
}

.line01 {
	border-top: 1px dotted #999999;
	margin-top: 5px;
	margin-bottom: 25px;
	_margin-bottom: 10px;
	width:665px;
	margin-left:12px;
	_margin-left:15px;
}
.line02 {
	border-top: 1px dotted #999999;
	margin-top: 10px;
	margin-bottom: 10px;
	width:605px;
	margin-left:75px;
}
.line03 {
	border-top: 1px dotted #999999;
	margin-top: 10px;
	margin-bottom: 10px;
	width:520px;

}
.line04 {
	border-top: 1px dotted #999999;
	margin-top: 10px;
	margin-bottom: 10px;
	width:620px;

}
/*-----レイアウト関係ここから
------------------------------*/
body {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background: url(../common/kyouwa2_bg.gif) repeat-x;
	background-color:#f98185;
}
#container {
	margin: 0px auto;
	width: 880px;
	background-image: url(../common/kyouwa_bg.gif);
	background-repeat: repeat-y;
	padding: 0px;
	background-color: #FFFFFF;
}
#wrapper {
	margin-left: 85px;
	margin-top:0px;
	margin-bottom:35px;
}
#content {
	width: 537px;
	float: left;

}
#content2 {
	width: 713px;
	margin-left: 84px;
	margin-bottom: 25px;
}

#side {
	float: left;
	width: 161px;
	margin-left:15px; 
	_margin-left:13px; 
	margin-top:7px;  
}
*:first-child+html #side {
	margin-top:13px;
	width: 167px;
}

#cooper_field {
	background: url(../common/joint_idpw_frame.gif);
	width: 167px;
	margin-left: 0px;
	border-color:#f8c2a8;
}

#coop_field01 input {
	margin-top: 4px;
	_margin-top: 3px;
	margin-left: 62px;
	height: 14px;
	_size:5px;
	width: 55%;
	_width: 55%;
}

#coop_field02 input {
	margin-top: 3px;
	_margin-top: 1px;
	margin-left: 62px;
	height: 14px;
	_size:5px;
	width: 55%;
	_width: 55%;
}

/*-----IE7用ここから
------------------------------*/

*:first-child+html #coop_field01 input {
	margin-top: 3px;	
	margin-left: 62px;
}

*:first-child+html #coop_field02 input {
	margin-top: 2px;
	margin-left: 62px;
}

/*-----IE7用ここまで
------------------------------*/


*+html>/**/body #coop_field01 input {
}


*+html>/**/body #coop_field02 input {
}


#login_btn {
	text-align: right;
	margin:5px 0px;
}
#login {
	width: 167px;
	margin-left:0px;
}

/*-----レイアウト関係ここまで
------------------------------*/

/*-----ヘッダー関係ここから
------------------------------*/
#header {
	margin-left: 84px;
	width: 712px;
	margin-bottom: 7px;

}
#logo_title {
	width: 160px;
	float: left;
	padding-top: 15px;
	margin-bottom: 0px;
}
#inquiry_btn {
	width: 159px;
	margin-left: 553px;
	_margin-left: 550px;
	padding-top: 18px;

}

*:first-child+html #coop_field02 #inquiry_btn {
	margin-left: 550px;
}




/*-----ヘッダー関係ここまで
------------------------------*/

/* --------------------------------------------
 *           グローバルナビここから
 * -------------------------------------------- */

#navi {
	width: 713px;
	height:30px;
	margin-left: 84px;
	margin-top: 0px;
	padding:0px;
	position:relative;
	left:0px;
}
#navi ul {
	width: 713px;
	margin: 0px;
	padding:0px;
	display:inline;

}
#navi li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none;

}
#navi li a {
	text-decoration: none;
	display: block;
	width: 123px;
	text-indent: -9999px;
}


/*---------各メニューボタン表示設定---------------*/

#navi li#top a {
	background: url(../common/top_navi_btn.gif);
	height: 34px;
	width: 95px;
	
}
#navi li#corp a {
	background: url(../common/corp_navi_btn.gif);
	height: 34px;
	width: 95px;
}
#navi li#work a {
	background: url(../common/work_navi_btn.gif);
	height: 34px;
	width: 95px;
}
#navi li#product a {
	background: url(../common/product_navi_btn.gif);
	height: 34px;
	width: 95px;
}
#navi li#sales a {
	background: url(../common/sales_navi_btn.gif);
	height: 34px;
	width: 95px;
}
#navi li#cooper a {
	background: url(../common/cooper_navi_btn.gif);
	height: 34px;
	width: 95px;
}


/*---------各メニューボタン表示設定（マウスオーバー時）----------*/

#navi li#top a:hover {
	background: url(../common/top_over_btn.gif);
	height: 34px;
	width: 95px;
	overflow:hidden;

}
#navi li#corp a:hover {
	background: url(../common/corporate_over_btn.gif);
	height: 34px;
	width: 95px;
	overflow:hidden;
}
#navi li#work a:hover {
	background: url(../common/work_over_btn.gif);
	height: 34px;
	width: 95px;
	overflow:hidden;
}
#navi li#product a:hover {
	background: url(../common/products_over_btn.gif);
	height: 34px;
	width: 95px;
	overflow:hidden;
}
#navi li#sales a:hover {
	background: url(../common/news_over_btn.gif);
	height: 34px;
	width: 95px;
	overflow:hidden;
}
#navi li#cooper a:hover {
	background: url(../common/cooper_over_btn.gif);
	height: 34px;
	width: 95px;
	overflow:hidden;
}
/*---------各メニューボタン表示設定（カレント時）----------*/

#navi li#top .current {
	background: url(../common/top_over_btn.gif) no-repeat;
	height: 34px;
	width: 95px;
}
#navi li#corp .current {
	background: url(../common/corporate_over_btn.gif);
	height: 34px;
	width: 95px;
}
#navi li#work .current {
	background: url(../common/work_over_btn.gif);
	height: 34px;
	width: 95px;
}
#navi li#product .current {
	background: url(../common/products_over_btn.gif);
	height: 34px;
	width: 95px;
}
#navi li#sales .current {
	background: url(../common/news_over_btn.gif);
	height: 34px;
	width: 95px;
}
#navi li#cooper .current {
	background: url(../common/cooper_over_btn.gif);
	height: 34px;
	width: 95px;
}

/*---------文字サイズ表示設定----------*/
#navi #moji {
	background: url(../common/moji_btn.gif) no-repeat;
	height: 34px;
	width: 137px;
	float:left;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
}

#navi #moji dl {
 margin-top:8px;
}
#navi dl dd{
	display:inline; 
	text-indent:-9999px; 
}
#navi dl dd a{
	background:url(../common/moji_btns.gif) no-repeat;
	width:16px; 
	height:16px; 
	display:block; 
	float:left; 
	margin-right:4px;
	position:relative;
	top:1px;
	left:60px;
}
#navi dl dd#txtS a{
	background: url(../common/moji_btns.gif) no-repeat 0px 0px;
}
#navi dl dd#txtM a{
	background: url(../common/moji_btns.gif) no-repeat -16px 0px;
}
#navi dl dd#txtL a{
	background: url(../common/moji_btns.gif) no-repeat -32px 0px;
}
#navi dl dd#txtS a:hover{
	background-position: 0px -16px;
	overflow:hidden;
}
#navi dl dd#txtM a:hover{
	background-position:-16px -16px;
	overflow:hidden;
}
#navi dl dd#txtL a:hover{
	background-position:-32px -16px;
	overflow:hidden;
}

/*---------ポップアップ表示設定----------*/
.submenu {
	visibility:hidden;
	position:absolute;
	top:33px;
	left:95px;
	z-index:1;
	height:93px;
}
.submen {
	visibility:hidden;
	position:absolute;
	top:33px;
	left:380px;
}
.submen2 {
	visibility:hidden;
	position:absolute;
	top:33px;
	left:190px;
}
.submen3 {
	visibility:hidden;
	position:absolute;
	top:33px;
	left:285px;
	z-index:1;
	margin:0px;
	padding:0px;
	height:82px;
	width:0px;
}

/*---------サブメニューのポップアップ表示設定----------*/

/*---------企業情報ここから------
-------------------------------*/

#submenu1 span#rinen a{
	background: url(../common/rinen_btn.gif) no-repeat;
	width: 95px;
	height: 25px;
	text-indent: -9999px;
	display: block;
}
#submenu1 span#rinen a:hover {
	background: url(../common/rinen_over_btn.gif) no-repeat;
	width: 95px;
	height: 25px;
	display: block;
	overflow:hidden;
}

#submenu1 span#enkaku a {
	background: url(../common/enkaku_btn.gif) no-repeat;
	width:95px;
	height:25px;
	text-indent: -9999px;
	display: block;
}
#submenu1 span#enkaku a:hover {
	background: url(../common/enkaku_over_btn.gif) no-repeat;
	width:95px;
	height:25px;
	overflow:hidden;
}

#submenu1 span#gree a{
	background: url(../common/greeting_btn.gif) no-repeat;
	width:95px;
	height:25px;
	text-indent: -9999px;
	display: block;
}
#submenu1 span#gree a:hover {
	background: url(../common/greeting_over_btn.gif) no-repeat;
	width: 95px;
	height: 25px;
	display: block;
	overflow:hidden;
}
#submenu1 span#access a {
	background: url(../common/access_btn.gif) no-repeat;
	width: 95px;
	height: 25px;
	text-indent: -9999px;
	display: block;
}
#submenu1 span#access a:hover {
	background: url(../common/access_over_btn.gif) no-repeat;
	width: 95px;
	height: 25px;
	display: block;
	overflow:hidden;
}

/*---------事業内容ここから------
-------------------------------*/

#submenu3 span#en a {
	background: url(../common/en_btn.gif) no-repeat;
	width: 95px;
	height: 25px;
	text-indent: -9999px;
	display: block;
}
#submenu3 span#en a:hover {
	background: url(../common/en_over_btn.gif) no-repeat;
	width: 95px;
	height: 25px;
	display: block;
	overflow:hidden;
}

/*---------商品紹介ここから------
---------------------------------*/

#submenu4 span#fra a {
	background: url(../common/fra_btn.gif) no-repeat;
	width:95px;
	height:25px;
	text-indent: -9999px;
	display: block;
	
}
#submenu4 span#fra a:hover {
	background: url(../common/fra_over_btn.gif) no-repeat;
	width:95px;
	height:25px;
	overflow:hidden;
}
#submenu4 span#best a{
	background: url(../common/best_btn.gif) no-repeat;
	width:95px;
	height:25px;
	text-indent: -9999px;
	display: block;
}
#submenu4 span#best a:hover {
	background: url(../common/best_over_btn.gif) no-repeat;
	width: 95px;
	height: 25px;
	display: block;
	overflow:hidden;
}
#submenu4 span#seishun a{
	background: url(../common/seishun_btn.gif) no-repeat;
	width: 95px;
	height: 25px;
	text-indent: -9999px;
	display: block;
}
#submenu4 span#seishun a:hover {
	background: url(../common/seishun_over_btn.gif) no-repeat;
	width: 95px;
	height: 25px;
	display: block;
	overflow:hidden;
}
#submenu4 span#shizen a {
	background: url(../common/shizen_btn.gif) no-repeat;
	width: 95px;
	height: 25px;
	text-indent: -9999px;
	display: block;
}
#submenu4 span#shizen a:hover {
	background: url(../common/shizen_over_btn.gif) no-repeat;
	width: 95px;
	height: 25px;
	display: block;
	overflow:hidden;
}


/*---------販売チャンネルここから------
---------------------------------*/
#submenu2 span#tushin a {
	background: url(../common/tushin_btn.gif) no-repeat;
	width:95px;
	height:25px;
	text-indent: -9999px;
	display: block;
	
}
#submenu2 span#tushin a:hover {
	background: url(../common/tushin_over_btn.gif) no-repeat;
	width:95px;
	height:25px;
	overflow:hidden;
}
#submenu2 span#tenpo a{
	background: url(../common/tenpo_btn.gif) no-repeat;
	width:95px;
	height:25px;
	text-indent: -9999px;
	display: block;
}
#submenu2 span#tenpo a:hover {
	background: url(../common/tenpo_over_btn.gif) no-repeat;
	width: 95px;
	height: 25px;
	display: block;
	overflow:hidden;
}
#submenu2 span#shien a{
	background: url(../common/shien_btn.gif) no-repeat;
	width: 95px;
	height: 25px;
	text-indent: -9999px;
	display: block;
}
#submenu2 span#shien a:hover {
	background: url(../common/shien_over_btn.gif) no-repeat;
	width: 95px;
	height: 25px;
	display: block;
	overflow:hidden;
}

.cl {
	clear:both;
}

/* --------------------------------------------
 *           グローバルナビここまで
 * -------------------------------------------- */


/*-----バナー、ログイン関係ここから
------------------------------*/

#hura_img01 {
	width: 160px;
}
#hura_img02 {
	width: 161px;
	margin-top:10px;
}
form{
	margin: 0px;
	padding:0px;
}
/*-----バナー、ログイン関係ここまで
------------------------------*/

/*-----フッター関係ここから
------------------------------*/
#footer {
	width: 710px;
	border-bottom: 2px solid #e68d92;
	height:14px;
	margin: 20px auto auto 85px;
	_margin: 15px auto auto;
	padding: 0px;
	font-size:14px;
}
#footer ul {
	margin-left: 15px;
	_margin-left: 55px;
}
#footer ul li{
	float: left;
	border-left: 1px solid #f1a6b2;
	list-style: none;
}
#footer ul li a{
	padding: 0px 17px;
	font-size: 94%;
	color: #e5566c;
	text-decoration: none;
}
#h_sitemap {
	border-right: 1px solid #f1a6b2;
}
#copyright {
	font-size: 10px;
	text-align: center;
	padding-top: 5px;
	padding-bottom:10px;
	margin-bottom:10px;
}

/*-----IE7用-----*/
*:first-child+html #footer {
	margin: 10px auto auto 90px;
}
*:first-child+html #footer ul {
	margin-left: 60px;
}

/*-----フッター関係ここまで
------------------------------*/

/*-----プライバシーポリシー関係ここから
---------------------------------------------*/
.explan {
	margin-bottom:10px;
	margin-left:17px;
}
#pri_right {
	float: right;
	margin-bottom:20px;
}
.text_box {
	margin-left: 25px;
}
/*-----プライバシーポリシー関係ここまで
---------------------------------------------*/

/*-----アクセスマップ関係ここから
---------------------------------------------*/
#howto_access {
	width: 370px;
	margin-left: 100px;
}
#address {
	width: 400px;
	margin-left: 25px;
}
#address h2 {
	width: 500px;
	margin-left: 100px;
	padding-left: 10px;
}
.center_btn {
	margin-top: 10px;
	text-align: center;
}
#ad_bg {
	background-color: #FFFFFF;
	height: 600px;
	width: 600px;
}
#concept {
	line-height: 150%;
	text-align: center;
	margin-top: 15px;
	font-size:110%;
}
#leader_name {
	margin-top: 10px;
	margin-bottom: 5px;
}