@charset "utf-8";
/* CSS Document */




/* body要素のスタイル */

body{
margin: 0 0 0 0;
padding: 0;
color: #333333;
background-color: #FFFFFF;
text-align:center;
}

/* インライン要素のスタイル */

a:link{
color:#333333; text-decoration:underline;
}
a:visited{
color:#333333; text-decoration:underline;
}
a:hover, a:active{
color:#333333; text-decoration:none;
}

img,object{
margin: 0;
padding: 0;
border:0;
vertical-align: bottom;
}

input{
color:#333333;
}

form{
margin:0px;
padding:0px;
border:0px;
}

ul li{
margin:0px;
padding:0px;
}


/* テーブルの修飾
---------------------------------------------------- */

th,td{
padding:5px;
}

.line_t_b{
border-top:dashed 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
}

.pdg_l_10{
padding:5px 15px 5px 15px;
}

table.chart{
margin:0px 0px 10px 0px;
border-collapse : collapse ;
}

table.chart td{
padding:5px 5px 5px 5px;
border:solid 1px #cccccc;
text-align:center;
}

.chart .bg_blue{
background-color:#4f70bb;
}

.chart .bg_green{
background-color:#e7f1cf;
}

.chart .bg_gray{
background-color:#f2f2f2;
}

.chart .bg_khaki{
background-color:#f3f3f3;
}

.chart .bg_y{
background-color:#F1EFE4;
}

.chart .td_center{
text-align:center;
}


table.contact_form{
margin:0px 0px 0px 0px;
border-collapse : collapse ;
}

table.contact_form td{
padding:5px 10px 5px 10px;
border:solid 1px #ECE9D8;
}

.contact_form .bg_blue{
background-color:#4f70bb;
}

.contact_form .bg_gray{
background-color:#f2f2f2;
}

.contact_form .bg_khaki{
background-color:#f3f3f3;
}

.contact_form .bg_y{
background-color:#F1EFE4;
}

.contact_form .td_center{
text-align:center;
}



/* コンテナ
---------------------------------------------------- */

#container{
width:810px;
margin:0px auto;
padding:0px;
text-align:left;
background-image:url(../common/bg_line.jpg);
}

#container2{
width:810px;
margin:0px auto;
padding:0px;
text-align:left;
background-image:url(../common/bg_line.jpg);
}

/* ヘッダー
---------------------------------------------------- */

#header{
width:800px;
height:65px;
margin:0px auto;
padding:0px 0px 0px 0px;
text-align:center;
background-color:#ffffff;
}

#header_line{
width:800px;
text-align:left;
height:65px;
padding:8px 0px 0px 0px;
background-image:url(../common/im_header_line.gif);
background-position:0px 8px;
background-repeat:no-repeat;
}

#header_line img{
margin:0px 0px 0px 0px;
vertical-align:top;
}


#header_logo{
width:157px;
float:left;
text-align:left;
margin:0px 0px 0px 0px;
}

#header_logo h1{
width:157px;
height:30px;
margin:15px 0px 0px 20px;
background-image:url(../common/im_logo.gif);
text-indent:-9999px;
}



/* メインコンテンツ
---------------------------------------------------- */


#wrapper{
width:760px;
margin:0px auto;
padding:0px 0px 0px 0px;
background-color:#ffffff;
}

#wrapper:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #wrapper {
	height: 1em;
}

#wrapper {
	display: block;
}
/**/



/* メニューバー
---------------------------------------------------- */

.nav_col01{border-bottom:5px solid #1e2188;}
.nav_col02{border-bottom:5px solid #4694ff;}
.nav_col03{border-bottom:5px solid #5f709c;}


/* メインコンテンツ
---------------------------------------------------- */


#content_area{
clear:both;
float:left;
width:560px;
padding:0px;
margin:0px 20px 0px 0px;
}


#content_area_line{
clear:both;
float:left;
width:560px;
padding:10px 0px 0px 0px;
margin:0px 20px 0px 0px;
border-top:1px solid #cccccc;
}



/* ----------------------------------------------------
                   共通パーツ
---------------------------------------------------- */


/* メイン画像
---------------------------------------------------- */
#main_img{
width:560px;
margin:0px 0px 10px 0px;
}

#main_img h3{
margin:0px 0px 0px 0px;
}

/* メインタイトル
---------------------------------------------------- */
#main_tl{
width:760px;
margin:0px 0px 10px 0px;
}

#main_tl h2{
margin:0px 0px 0px 0px;
}

/* サブタイトル
---------------------------------------------------- */
.sub_tl{
width:560px;
margin:0px 0px 20px 0px;
}

.sub_tl h3{
margin:0px 0px 0px 0px;
}


/* トピックパス
---------------------------------------------------- */
#topicpath{
clear:both;
width:760px;
padding:0px;
margin:0px 0px 15px 0px;
}

#topicpath p{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#topicpath_s{
clear:both;
width:760px;
padding:0px;
margin:0px 0px 10px 0px;
}

#topicpath_s p{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}



/* メインテキスト
---------------------------------------------------- */
.main_tx{
width:560px;
margin:10px 0px 0px 0px;
}

.main_tx h2{
margin:0px 0px 0px 0px;
}

.main_tx p{
margin:0px 0px 0px 0px;
}


/* インデックスボックス
---------------------------------------------------- */
.index_box{
clear:both;
float:left;
width:253px;
border:1px solid #cccccc;
margin:0px 10px 10px 0px;
padding:10px;
background: url(../common/bg_box_bottom.jpg);
background-repeat:no-repeat;
background-position:left bottom;
}

.index_box_r{
float:left;
width:253px;
border:1px solid #cccccc;
margin:0px 0px 10px 0px;
padding:10px;
background: url(../common/bg_box_bottom.jpg);
background-repeat:no-repeat;
background-position:left bottom;
}

.index_box_tl{
width:253px;
border-bottom:1px solid #cccccc;
padding:0px 0px 5px 0px;
margin:0px 0px 10px 0px;
}

.index_box_tl img{
margin:0px 0px 0px 0px;
}

.index_box_img{
float:left;
width:120px;
margin:0px 10px 0px 0px;
}

.index_box_img img{
margin:0px 0px 0px 0px;
}

.index_box_tx{
float:left;
width:123px;
margin:0px 0px 0px 0px;
}

.index_box_tx p{
margin:0px 0px 0px 0px;
letter-spacing:-0.05em; 
}


/* 画像右・左
---------------------------------------------------- */
.img_left{
clear:both;
width:280px;
float:left;
margin:0px 0px 0px 0px;
}

.img_right{
width:280px;
float:left;
margin:0px 0px 0px 0px;
}

.img_left_10{
clear:both;
width:275px;
float:left;
margin:0px 10px 20px 0px;
}

.img_right_10{
width:275px;
float:left;
margin:0px 0px 20px 0px;
}

.img_left_10_s{
clear:both;
width:275px;
float:left;
margin:0px 10px 10px 0px;
}

.img_right_10_s{
width:275px;
float:left;
margin:0px 0px 10px 0px;
}




/* ----------------------------------------------------
                   詳細パーツ
---------------------------------------------------- */


/* トップページ
---------------------------------------------------- */
#top_img{
width:760px;
margin:0px 0px 10px 0px;
}


#top_link_box{
width:560px;
margin:0px 0px 0px 0px;
}

#top_link_box img{
margin:0px 0px 0px 0px;
}

.top_link_box_l{
float:left;
width:175px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
margin:0px 0px 10px 0px;
padding:10px 0px 10px 10px;
background: url(../images/bg_box.jpg);
background-repeat:repeat-x;
background-position:left top;
}

.top_link_box_c{
float:left;
width:175px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
margin:0px 0px 10px 0px;
padding:10px 0px 10px 10px;
background: url(../images/bg_box.jpg);
background-repeat:repeat-x;
background-position:left top;
}

.top_link_box_r{
float:left;
width:176px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
margin:0px 0px 10px 0px;
padding:10px 0px 10px 10px;
background: url(../images/bg_box.jpg);
background-repeat:repeat-x;
background-position:left top;
}

.top_link_box_l p{
margin:0px 0px 0px 0px;
}
.top_link_box_c p{
margin:0px 0px 0px 0px;
}
.top_link_box_r p{
margin:0px 0px 0px 0px;
}

.top_link_box_l a:link{color:#0e3193; text-decoration:none;}
.top_link_box_l a:visited{color:#0e3193; text-decoration:none;}
.top_link_box_l a:hover, a:active{color:#0e3193; text-decoration:underline;}
.top_link_box_c a:link{color:#0e3193; text-decoration:none;}
.top_link_box_c a:visited{color:#0e3193; text-decoration:none;}
.top_link_box_c a:hover, a:active{color:#0e3193; text-decoration:underline;}
.top_link_box_r a:link{color:#0e3193; text-decoration:none;}
.top_link_box_r a:visited{color:#0e3193; text-decoration:none;}
.top_link_box_r a:hover, a:active{color:#0e3193; text-decoration:underline;}

.top_link_mark td{
margin:0px;
padding:0px;
line-height:1.8;
}



.top_link_mark img{
margin:5px 0px 0px 0px;
}

#top_news{
width:560px;
margin:0px 0px 20px 0px;
}

#top_news p{
width:550px;
margin:0px 0px 4px 0px;
padding:0px 0px 5px 10px;
border-bottom:1px dashed #cccccc;
}

/* ファイテンO2の特徴
---------------------------------------------------- */
.feature_img{
clear:both;
float:left;
width:150px;
margin:0px 10px 20px 0px;
}

.feature_tx{
float:left;
width:380px;
margin:0px 0px 20px 0px;
}

.feature_tx p{
margin:0px 0px 0px 0px;
}


#flash{
float:left;
width:370px;
}

/* 体験レポート
---------------------------------------------------- */
.report_box{
width:538px;
border:1px solid #cccccc;
padding:10px 10px 10px 10px;
margin:0px 0px 10px 0px;
background: url(../about/report/images/bg_box.jpg);
background-repeat:no-repeat;
background-position:left bottom;
}

.report_box:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html .report_box {
	height: 1em;
}

.report_box {
	display: block;
}
/**/

.report_box_img{
clear:both;
float:left;
width:150px;
margin:0px 10px 0px 0px;
}

.report_box_tx{
float:left;
width:378px;
margin:0px 0px 0px 0px;
}

.report_box_tx p{
margin:0px 0px 0px 0px;
}


/* よくある質問
---------------------------------------------------- */
.faq_box{
width:558px;
border:1px solid #cccccc;
padding:0px 0px 10px 0px;
margin:0px 0px 10px 0px;
}

.faq_box:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html .faq_box {
	height: 1em;
}

.faq_box {
	display: block;
}
/**/

.faq_box_bt{
float:left;
width:279px;
margin:0px 0px 20px 0px;
}

.faq_box_bt img{
margin:0px 0px 0px 0px;
}


.faq_bt_on{
border-bottom:1px solid #ffffff;
}

.faq_bt_off{
border-bottom:1px solid #cccccc;
}


.faq_main_tx{
clear:both;
width:540px;
margin:0px 0px 0px 10px;
}

.faq_sub_tl{
width:540px;
padding:0px 0px 10px 0px;
border-bottom:1px solid #cccccc;
margin:0px 0px 10px 0px;
}

.faq_question{
width:540px;
margin:0px 0px 20px 10px;
}

.faq_question p{
width:530px;
margin:0px 0px 4px 0px;
padding:0px 0px 5px 10px;
border-bottom:1px dashed #cccccc;
}


.faq_question a:link{color:#0e3193; text-decoration:none;}
.faq_question a:visited{color:#0e3193; text-decoration:none;}
.faq_question a:hover, a:active{color:#0e3193; text-decoration:underline;}


.faq_answer_tl{
clear:both;
width:540px;
height:30px;
background: url(../about/faq/images/bg_tl.jpg);
background-repeat:no-repeat;
padding:5px 0px 0px 0px;
}

.faq_answer_tl h3{
font-size:83%;
line-height:1.4;
font-weight:bold;
margin:0px 0px 0px 20px;
}

.faq_answer_tx{
width:500px;
margin:0px 0px 0px 20px;
}

.faq_top{
width:500px;
margin:0px 0px 20px 20px;
text-align:right;
}


/* 製品情報
---------------------------------------------------- */
#product_img{
width:760px;
margin:0px 0px 0px 0px;
}

#product_img h2{
margin:0px 0px 0px 0px;
}

#product_box{
width:560px;
background: url(../product/images/bg_product_box.jpg);
background-repeat:no-repeat;
background-position:left top;
padding:10px 0px 0px 0px;
}

#product_box_link{
width:460px;
margin:0px 0px 0px 10px;
}

#product_box_link ul, li {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#product_box_link ul.ulTab {
margin-bottom:0;
}
#product_box_link ul.ulTab li {
float:left;
margin:0px 5px 0px 0px;
}

/* easy clearing by PIE
----------------------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display: block; }
/* End hide from IE-mac */


.product_box_inner{
width:538px;
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
margin:0px 0px 0px 0px;
padding:10px 10px 0px 10px;
/*
background: url(../product/images/bg_box_top.jpg);
background-repeat:no-repeat;
background-position:left top;
*/
}

.product_box_inner:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html .product_box_inner {
	height: 1em;
}

.product_box_inner {
	display: block;
}
/**/



.product_box_inner p{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.product_box_sub_tl{
width:510px;
padding:0px 0px 10px 0px;
border-bottom:1px solid #cccccc;
margin:0px 0px 10px 15px;
}

.product_box_sub_tx{
clear:both;
width:300px;
float:left;
margin:0px 10px 20px 15px;
_margin:0px 10px 20px 8px;
}

.product_box_sub_tx p{
margin:0px 0px 0px 0px;
}

.product_box_sub_img{
width:200px;
float:left;
margin:0px 0px 20px 0px;
}

.soft_mark{
margin:0px 0px 0px 0px;
padding:6px 0px 0px 12px;
background:url(../product/soft/images/im_r.gif) no-repeat 0px 70%;
}



/* 導入について
---------------------------------------------------- */
.business_box_area{
width:560px;
background: url(../introduction/business/images/box_bottom.gif);
background-repeat:no-repeat;
background-position:left bottom;
margin:0px 0px 0px 0px;
}

.business_box_area:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html .business_box_area {
	height: 1em;
}

.business_box_area {
	display: block;
}
/**/

.business_box_area_b{
width:560px;
background: url(../introduction/business/images/box_side.gif);
background-repeat:repeat-y;
padding:0px 0px 0px 0px;
}

.business_box_area_b:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html .business_box_area_b {
	height: 1em;
}

.business_box_area_b {
	display: block;
}
/**/

.business_box_area_in{
width:558px;
margin:0px 0px 0px 1px;
}


.img_left_10_b{
clear:both;
width:273px;
float:left;
margin:0px 12px 20px 0px;
}

.img_right_10_b{
width:273px;
float:left;
margin:0px 0px 20px 0px;
}

.business_table{
margin:0px;
}
.business_table td{
padding:0px;
}

.business_box{
width:253px;
padding:5px 10px 0px 10px;
}

.business_box p{
margin:0px 0px 0px 0px;
}

.business_box_img{
width:253px;
margin:0px 0px 10px 0px;
}

.business_box_img_r{
width:253px;
margin:0px 0px 10px 0px;
text-align:right;
}

.business_box_case{
clear:both;
float:left;
width:273px;
border:1px solid #cccccc;
margin:0px 10px 10px 0px;
padding:0px;
border-bottom:2px solid #7cc516;
background: url(../common/bg_box_bottom02.jpg);
background-repeat:no-repeat;
background-position:left bottom;
}

.business_box_case_r{
float:left;
width:273px;
border:1px solid #cccccc;
margin:0px 0px 10px 0px;
padding:0px;
border-bottom:2px solid #7cc516;
background: url(../common/bg_box_bottom02.jpg);
background-repeat:no-repeat;
background-position:left bottom;
}

.business_box_case_tl{
width:153px;
border-bottom:1px solid #cccccc;
padding:0px 0px 5px 0px;
margin:10px 0px 5px 0px;
}

.business_box_case_tl img{
margin:0px 0px 0px 0px;
}

.business_box_case_img{
float:left;
width:100px;
margin:0px 10px 0px 0px;
}

.business_box_case_img img{
margin:0px 0px 0px 0px;
}

.business_box_case_tx{
float:left;
width:153px;
margin:0px 0px 0px 0px;
}

.business_box_case_tx p{
margin:0px 0px 5px 0px;
letter-spacing:-0.05em;
line-height:1.2;
}


.flow_sub_tx{
width:530px;
margin:0px 0px 0px 10px;
}

.flow_sub_img{
clear:both;
float:left;
width:100px;
margin:0px 10px 0px 0px;
}

.flow_sub_table{
float:left;
width:420px;
margin:0px 0px 0px 0px;
}

.flow_sub_table p{
margin:0px 0px 20px 0px;
}

.flow_box_l{
clear:both;
width:255px;
float:left;
margin:0px 10px 0px 0px;
}

.flow_box_r{
width:255px;
float:left;
margin:0px 0px 0px 0px;
}

.flow_box_l p{
margin:0px 0px 0px 0px;
}

.flow_box_r p{
margin:0px 0px 0px 0px;
}

.flow_box_l_s{
clear:both;
width:245px;
float:left;
margin:0px 10px 0px 0px;
}

.flow_box_r_s{
width:245px;
float:left;
margin:0px 0px 0px 0px;
}

.flow_box_l_s p{
margin:0px 0px 0px 0px;
}

.flow_box_r_s p{
margin:0px 0px 0px 0px;
}

.flow_box_s{
clear:both;
width:500px;
margin:0px 0px 20px 0px;
_margin:0px 0px 10px 0px;
}

.flow_box_s p{
margin:0px 0px 0px 0px;
}


.flow_box_line{
width:538px;
clear:both;
border:1px solid #cccccc;
margin:0px 0px 20px 10px;
}

.flow_box_line:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html .flow_box_line {
	height: 1em;
}

.flow_box_line {
	display: block;
}
/**/

.flow_box_line_sub_tx{
width:500px;
margin:0px 0px 0px 10px;
}

.flow_box_line_tx{
width:490px;
margin:0px 0px 0px 10px;
padding:10px 0px 0px 0px;
}

.flow_box_line_img{
width:245px;
margin:0px 0px 10px 0px;
}

.flow_box_line_img_r{
width:500px;
margin:0px 0px 10px 0px;
text-align:right;
}


.flow_sub_tl{
width:538px;
padding:0px 0px 10px 0px;
margin:0px 0px 10px 0px;
border-bottom:1px solid #cccccc;
}

.flow_sub_tl img{
margin:0px 0px 0px 0px;
}

.flow_sub_tx_line{
width:538px;
margin:0px 0px 10px 0px;
}

.flow_sub_tx_line p{
width:538px;
padding:0px 0px 5px 0px;
margin:0px 0px 5px 0px;
border-bottom:1px dashed #cccccc;
}

.flow_sub_tx_left{
float:left;
width:228px;
marign:0px 0px 0px 0px;
}

.flow_sub_tx_right{
float:right;
width:125px;
marign:0px 0px 0px 0px;
}

.support_img_l{
clear:both;
width:200px;
float:left;
margin:0px 20px 0px 0px;
}

.support_img_r{
width:320px;
float:left;
margin:0px 0px 0px 0px;
}

.support_img_l p{
margin:0px 0px 0px 0px;
}

.support_img_r p{
margin:0px 0px 0px 0px;
}





/* 紹介ムービー
---------------------------------------------------- */

.movie_img{
float:left;
width:150px;
text-align:center;
}

#movie_flash{
float:left;
width:370px;
}

.movie_flash_img{
float:left;
width:160px;
margin:10px 5px 0px 0px;
}

.movie_flash_tx{
float:left;
width:200px;
margin:10px 0px 0px 0px;
}

.movie_flash_tx p{
margin:0px 0px 0px 0px;
}


/* 導入事例
---------------------------------------------------- */

.case_list_img{
float:left;
width:80px;
margin:0px 20px 10px 20px;
_margin:0px 20px 10px 10px;
}

.case_list_tx{
float:left;
width:400px;
margin:0px 0px 10px 0px;
}

.case_list_tx p{
margin:0px 0px 5px 0px;
}

.case_list_tx_l{
text-align:right;
}


.case_shop{
width:510px;
margin:0px 0px 20px 10px;
background-color:#ecf4ff;
padding:10px 10px 10px 0px;
text-align:right;
}

.case_detail_tx{
clear:both;
float:left;
width:338px;
margin:0px 20px 20px 0px;
}

.case_detail_tx p{
margin:0px 0px 0px 0px;
}


.case_detail_img{
float:left;
width:200px;
margin:0px 0px 20px 0px;
}

.case_detail_img img{
float:left;
width:200px;
margin:0px 0px 10px 0px;
}

.case_detail_img p{
float:left;
width:200px;
margin:0px 0px 0px 0px;
text-align:right;
}

.case_detail_tx_rev{
float:left;
width:338px;
margin:0px 0px 20px 0px;
}

.case_detail_tx_rev p{
margin:0px 0px 0px 0px;
}


.case_detail_img_rev{
clear:both;
float:left;
width:200px;
margin:0px 20px 20px 0px;
}

.case_detail_img_rev img{
width:200px;
margin:0px 0px 10px 2px;
}

.case_detail_img_rev p{
width:200px;
margin:0px 0px 0px 0px;
}

.case_bt{
clear:both;
width:267px;
margin:0px 0px 20px 0px;
background-color:#dff2bc;
padding:10px 0px 10px 291px;
text-align:right;
}

.case_bt:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html .case_bt {
	height: 1em;
}

.case_bt {
	display: block;
}
/**/

.case_bt img{
margin:0px 0px 0px 0px;
}

.case_bt_area{
width:259px;
_width:262px;
_margin:0px 5px 0px 0px;
}

.case_bt_10_f{
float:left;
margin:0px 10px 0px 0px;
}

.case_bt_10{
float:left;
margin:0px 10px 0px 0px;
}

.case_bt_5{
float:left;
margin:0px 5px 0px 0px;
}

.case_bt_0{
float:left;
margin:0px 0px 0px 0px;
}


.case_detail_img02{
float:left;
width:270px;
margin:0px 18px 20px 0px;
}

.case_detail_img03{
float:left;
width:270px;
margin:0px 0px 20px 0px;
}

.case_detail_img04{
float:left;
width:200px;
margin:0px 18px 20px 0px;
}

.case_detail_img05{
float:left;
width:340px;
margin:0px 0px 20px 0px;
}

.case_tl_line{
padding:0px 0px 10px 0px;
margin:0px 0px 10px 0px;
border-bottom:1px dashed #7cc516;
}





/* お知らせ
---------------------------------------------------- */
.info_detail_box540{
width:540px;
margin:0px 0px 0px 10px;
}

.info_detail_left300{
clear:both;
width:300px;
float:left;
margin:0px 20px 20px 0px;
}

.info_detail_right220{
width:220px;
float:left;
margin:0px 0px 20px 0px;
}

.info_detail_right300{
width:300px;
float:left;
margin:0px 0px 20px 0px;
}


.info_detail_left220{
clear:both;
width:220px;
float:left;
margin:0px 20px 20px 0px;
}

.info_detail_left220 img{
margin:0px 0px 10px 0px;
}

.info_detail_tl{
width:300px;
margin:0px 0px 10px 0px;
padding:0px 0px 10px 0px;
border-bottom:1px solid #DDB7BF;
}




/* サイドエリア
---------------------------------------------------- */
#side_area{
float:left;
width:180px;
padding:0px;
margin:0px 0px 0px 0px;
}


#side_member_box{
width:170px;
padding:10px 0px 0px 0px;
margin:0px 0px 10px 0px;
border:5px solid #ffffff;
background-color:#ffffff;
text-align:center;
}

#side_member_box img{
margin:0px 0px 10px 0px;
}

#side_bt{
margin:0px 0px 10px 0px;
}







/* リンクボタン
---------------------------------------------------- */
.link_mark{
margin:0px 0px 0px 0px;
padding:6px 0px 0px 7px;
background:url(../common/ic_link02.gif) no-repeat 0px 70%;
}


.link_mark_long01{
margin:0px 0px 0px 0px;
padding:6px 0px 0px 20px;
background:url(../images/ic_top_link01.gif) no-repeat 0px 70%;
}

.link_mark_long02{
margin:0px 0px 0px 0px;
padding:6px 0px 0px 20px;
background:url(../images/ic_top_link03.gif) no-repeat 0px 70%;
}

.link_mark_long03{
margin:0px 0px 0px 0px;
padding:6px 0px 0px 20px;
background:url(../images/ic_top_link02.gif) no-repeat 0px 70%;
}

.link_mark_long04{
margin:0px 0px 0px 0px;
padding:6px 0px 0px 20px;
background:url(../images/ic_top_link04.gif) no-repeat 0px 70%;
}


/* 中央
---------------------------------------------------- */
.img_center{
margin:20px 0px 0px 0px;
text-align:center;
}
.img_r{
margin:40px 0px 0px 0px;
text-align:right;
}


/* 画像下マージン
---------------------------------------------------- */
.img_mgn0{
clear:both;
margin:0px 0px 0px 0px;
}

.img_mgn5{
margin:0px 0px 5px 0px;
}

.img_mgn10{
margin:0px 0px 10px 0px;
}

.img_mgn10_l{
margin:0px 0px 10px 10px;
}

.img_mgn10_l20{
margin:0px 0px 10px 30px;
}

.img_mgn10_l40{
margin:0px 0px 10px 60px;
}

.img_mgn30_t{
margin:30px 0px 0px 0px;
}

.img_mgn15{
margin:0px 0px 15px 0px;
}

.img_mgn20{
margin:0px 0px 20px 0px;
}

.img_mgn20_l{
margin:0px 0px 20px 10px;
}

.img_mgn20_l20{
margin:0px 0px 20px 30px;
}

.img_mgn30{
margin:0px 0px 30px 0px;
}

.img_mgn40{
margin:0px 0px 40px 0px;
}

.img_mgn50{
margin:0px 0px 50px 0px;
}



/* ページトップ
---------------------------------------------------- */
#pagetop_area{
clear:both;
width:760px;
margin:0px 0px 30px 0px;
text-align:right;
}

#pagetop_area img{
margin:0px 0px 0px 0px;
}


/* フッター
---------------------------------------------------- */

#footer{
clear:both;
width:760px;
background-color:#f9f8f3;
}

#footer:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #footer {
	height: 1em;
}

#footer {
	display: block;
}
/**/

#footer_global{
float:left;
width:204px;
}

#footer_global img{
margin:5px 0px 0px 10px;
}

#footer_link{
float:right;
width:536px;
text-align:right;
margin:15px 10px 0px 0px;
_margin:15px 5px 0px 0px;
}

#footer_link p{
margin:0px 0px 0px 0px;
}

.link_mark_f{
margin:0px 0px 0px 0px;
padding:6px 0px 0px 7px;
background:url(../common/ic_link03.gif) no-repeat 0px 70%;
}


#copyright{
clear:both;
width:760px;
margin:10px 0px 10px 0px;
_margin:10px 0px 0px 0px;
text-align:right;
}

#copyright img{
margin:0px 0px 0px 0px;
vertical-align: top;
}





/* 注釈
---------------------------------------------------- */

.cation{
color:#ff0000;
}



/* フロートのクリア
---------------------------------------------------- */

.clr{
clear:both;
margin:0px;
}


/* 点線
---------------------------------------------------- */

.line{
clear:both;
width:540px;
margin:0px 0px 10px 0px;
_margin:0px 0px 0px 0px;
border-top:dashed 1px #b5b6b6;
}


/* 画像アルファ
---------------------------------------------------- */

.off{
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}