@charset "UTF-8";

/* :::::::::::::::::::::::::::::::::::::::::::::

	name:			style.css;
	created:		2009-09-03;
	last-modified:	2009-09-03;
	writer:			makoto.uesugi(LiONMEDiA);

::::::::::::::::::::::::::::::::::::::::::::: */

/* css start ------------ */


/* :::::::::::::::::::::::::::::::::::::::::::::
	style reset
::::::::::::::::::::::::::::::::::::::::::::: */

html, body,
h1, h2, h3, h4, h5, h6,
div, p,
ul, ol, li, dl, dt, dd, 
address, form {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

ul, ol {
	list-style-type: none;
}

*html.clear{ clear: both; visibility: hidden; height: 0; overflow : hidden;}

/* :::::::::::::::::::::::::::::::::::::::::::::
	default style
::::::::::::::::::::::::::::::::::::::::::::: */

hr {
	display: none;
}

strong {
	font-weight: bold;
	text-decoration: none;
}

address {
	font-weight: normal;
	font-style: normal;
}



/* :::::::::::::::::::::::::::::::::::::::::::::
	class
::::::::::::::::::::::::::::::::::::::::::::: */

/* clearfix: Ver. 2007.05.31 ---------------- */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/

/* PNG Fix for IE */
* html .iepngfix { behavior: expression(IEPNGFIX.fix(this)); }


/* :::::::::::::::::::::::::::::::::::::::::::::
	typography
::::::::::::::::::::::::::::::::::::::::::::: */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

*:first-child + html body {	/* for IE7 */
	font-family: "メイリオ", "Meiryo";
}

html>/**/body { font-size: 16px; line-height: normal; } /* except Win IE */

.txt10 { font-size: 63%; line-height: 1.4em;}	/* 10px */
.txt12 { font-size: 75%; line-height: 1.75em;}	/* 12px */
.txt14 { font-size: 88%;}	/* 14px */
.txt16 { font-size:133%;}	/* 16px */
.txt18 { font-size:149%;}	/* 18px */

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

input, select, textarea { color:#444; font-family:"メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif; }
html>/**/body input,
html>/**/body select,
html>/**/body textarea { font-family:sans-serif; }/* Win IE 以外 */
textarea { padding:2px 3px 2px 3px; }


/* :::::::::::::::::::::::::::::::::::::::::::::
	essential
::::::::::::::::::::::::::::::::::::::::::::: */

body {
	color: #666;
	background:url(../images/main_bg.gif);
}

a:link,
a:visited {
	color: #FF6600;
	text-decoration: underline;
}

a:active,
a:hover {
	color: #FF6600;
	text-decoration: underline;
}


a:link.green,
a:visited.green
{
	color: #669933;
	text-decoration: underline;
}

a:active.green,
a:hover.green{
	color: #669933;
	text-decoration: underline;
}

a:link.white,
a:visited.white
{
    color: #FFF;
    text-decoration: underline;
}

a:active.white,
a:hover.white{
    color: #FFF;
    text-decoration: underline;
}


.none{
	display: none;
}

.red{
	color: #FF0000;
}

.no-break { white-space: nowrap; }
.cell10 { width: 10%;}
.cell20 { width: 20%;}
.cell30 { width: 30%;}
.cell40 { width: 40%;}
.cell50 { width: 50%;}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	layout
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* border */

.dotline_x{
	background:url(../images/dotline_x.gif) 0 4px repeat-x; 
	margin:0;
}

.dotline_xtop{
	background:url(../images/dotline_x.gif) 0 4px repeat-x; 
	margin-left:auto;
	margin-right:auto;
	width: 693px;
}

.mytab_dotline_xtop{
	background:url(../images/dotline_x.gif) 0 0 repeat-x; 
	margin-left:8px;
	width: 610px;
}

.dotline_y{
	background:url(../images/dotline_y.gif) 0 4px repeat-y; 
	padding:0 10px;
}

/* toppage */


#default-close2{
	display:none;  
	position:absolute;  
	top:247px; 
	left:0; 
	z-index:150; 
	width:753px;  
	text-align:right; 
	padding:0px;
}


#main_navi,#main_navi_on{
	padding:0px;
	z-index: 5;
}



#wrapper{
	text-align: center;
}

#container{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

#main_container{
	background: #FFF;
	padding-bottom: 10px;
}

#header{
	height: 89px;
	padding-bottom: 7px;
	position: relative;
}

#navi{
	height: 29px;
}

ul#submenu{
	padding-right: 19px;
}

ul#submenu li{
	float: right;
	margin-top: 5px;
}

.tri{
	margin: 0 5px 0 12px;
	padding: 0;
}

#cover{
	position: relative;
	height: 1%;
}

#cover h1{
	position: absolute;
	top: 0;
	left: 19px;
}

#cover p{
	position: absolute;
	top: 0;
	right: 19px;
}

#main{
	background:url(../../images/main.png) 0 15px no-repeat;
	width: 754px;
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
}

#copy_area{
	height: 247px;
}

#copy_area .c01{
	position: absolute;
	top: 80px;
	left: 300px;
}

#copy_area .c02{
	position: absolute;
	top: 125px;
	left: 300px;
}

#copy_area .c03{
	position: absolute;
	top: 169px;
	left: 300px;
}



#sub{
	width: 206px;
	float: right;
}

#ad01{
	padding-top: 23px;
	padding-left:8px;
	
}

#ad02{
	padding-top: 23px;
	padding-left:8px;
}



#eco_column{
	background:url(../../images/area_bg.gif) repeat-y; 
	width: 735px;
	margin-top: 20px;
	margin-left: 19px;
}

#eco_related{
	background:url(../../images/area_bg.gif) repeat-y; 
	width: 735px;
	margin-top: 10px;
	margin-left: 19px;
}

.box01{
	padding: 10px 19px 10px;
	text-align: left;
	
}

#box_wrapper{
	padding: 3px 19px 3px;
	text-align: left;
	background:url(../../images/dotline_column.gif) repeat-y; 
	
}

.mykaden_tab_wrapper{
	padding: 3px 5px 3px;

}



.box02{
	text-align: left;
	float: left;
	width: 320px;
}

.box03{
	text-align: left;
	float: right;
	width: 324px;
	padding-left: 20px;
}

.mytab_box02{
	text-align: left;
	float: left;
	width: 260px;
}

.mytab_box03{
	text-align: left;
	float: right;
	width: 260px;
}


.pic01{
	float: left;
	width: 120px;
}

.pic02{
	float: left;
	width: 77px;
}

.txtbox01{
	float: right;
	width: 577px;
	padding-bottom: 10px;
}

.txtbox02 {
	float: left;
	width: 240px;
}

#footer{
	background: #FFF;
	padding-bottom: 10px;
	margin-bottom: 10px;
	clear: both;
}

#footer_in02{
	width: 904px;
	height: 30px;
	padding: 19px;
	background: #8EC323;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#footer_in01{
	width: 960px;
	height: 42px;
	position: relative;
}


#pagenavi a{
	position: absolute;
	right: 15px;
	bottom: 10px;
	display:block;
	width:87px;
	height:14px;
	background:url(../images/pagetop.gif) no-repeat;
	background-position:0 0;
}

#pagenavi a:hover{
	background-position:0 -14px;
}




#leaf_left{
	position: absolute;
	bottom: 0;
	left: 14px;
}

#leaf_right{
	position: absolute;
	bottom: 0;
	right: 100px;
}

#copyright{
	position: absolute;
	left:19px;
	top: 19px;
    color: #FFF;
    text-align: left;
}


#ecost_address{
	position: absolute;
	right: 19px;
	top: 19px;
	height: 32px;
}

#ecost_address li{
    float: left;
    text-align: left;
    color: #FFF;
}

/* toppage_mainnavi */

.navi_menu ul{
	padding:43px 0 5px 30px ;
	width: 723px;
	height: 1%;
}
.navi_menu li{
	float: left;
	padding: 0 15px 10px 0;
	text-align: left;
}



/* contentspage */

#main_search01{
	width: 688px;
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
	height: 400px;
}

#main_search02{
	width: 688px;
	float: left;
	padding: 0;
	margin: 0;
}



#sub_search01{
	width: 272px;
	float: right;
}



#search01_copy_area .search01{
	position: absolute;
	top: 0;
	left: 19px;
	width: 600px;
	text-align: left;
}


#search01_navi{
	top: 60px;
	left: 16px;
	position: absolute;
	width: 653px;
	z-index: 1;
}

#adse01{
	padding-top: 23px;
	padding-right: 19px;
	width: 250px;
	float: right;

	
	
}

#adse01_2{
	padding-right: 19px;
	width: 253px;

}


#ecotabbox{
	width: 653px;
	height: 261px;
	background:url(../images/content/eco_tabbg.gif) 0px 0px no-repeat;
}

.mykadenbox{
	width: 647px;
	height: 247px;
	background:url(../images/content/mykaden_tabbg.gif) 0px 0px no-repeat;
}

.tabbox_in{
	padding: 14px 22px 10px 10px;
	text-align: left;
}


.ecotab_in01{
	background: #FAFDEF;
	width: 169px;
	height: 205px;
	float: right;
	margin-left: 3px;
	padding: 11px;
}

.mykadentab_in01{
	width: 604px;
	float: left;
	padding-top: 50px;
}



.ecotab_in01 h4{
	padding-bottom: 3px;
}

#costtabbox{
	width: 653px;
	height: 261px;
	background:url(../images/content/cost_tabbg.gif) 0px 0px no-repeat;
}

.costtab_in01{
	background: #FAFDEF;
	width: 338px;
	height: 205px;
	float: left;
	margin-right: 3px;
	margin-left: 8px;
	padding: 11px;
}

.costtab_in02{
	background: #FAFDEF;
	width: 228px;
	height: 205px;
	float: right;
	padding: 11px;
}

.costtab_in01 h4,.costtab_in02 h4{
	padding-bottom: 3px;
}

.cost_left{
	float: left;
	width: 100px;
}

.cost_right{
	float: right;
	width: 150px;
    padding-right: 50px;
}



#main_container2{
	background:url(../images/content/content_tbg.gif) #FFF 18px 45px no-repeat;
	padding-bottom: 32px;
}

#main_container3{
	background:#FFF;
	padding-bottom: 32px;
}

#sub_left{
	width: 250px;
	float: left;
	margin: 0;
	padding: 0;
}


#main_right{
	width: 696px;
	float: right;
	padding-top: 15px;
}



#function{
	height: 36px;
	width: 922px;
	position: relative;
	margin-top: 13px;
	margin-left: auto;
	margin-right: auto;
}

#bread{
	position: absolute;
	top: 13px;
	left: 0;
}


h2#content_title{
	height: 40px;
	width: 922px;
	margin-top: 13px;
	margin-bottom: 20px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	
}

h2#content_title2{
	height: 40px;
	width: 922px;
	margin-top: 13px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	
}

.left_func{
	background:url(../images/content/leftfunc_bg.gif) repeat-y; 
	width: 245px;
	margin-top: 20px;
	margin-left: 19px;
	position: relative;
}


.open_close{
	z-index: 100;
	position: absolute;
	top: 20px;
	right: 16px;
}

.open_close2{
	z-index: 100;
	position: absolute;
	top: 12px;
	right: 16px;
}


.funcbox01{
	padding: 0 10px;
	text-align: left;
	width: 225px;
	
}



.mytab_funcbox01{
	padding: 0;
	text-align: left;
	
}

.funcbox01 dt,.mytab_funcbox01 dt{
	font-weight: bold;
	color: #000;
}

.funcbox01 dd,.mytab_funcbox01 dd{
	color: #000;
}



.dotline_funcbox{
	background:url(../images/dotline_x.gif) 0 0 repeat-x; 
	float: left;
	width: 220px;
	margin-top: 5px;
	height: 8px;
}

#mykaden{
	width: 647px;
	position: relative;
	margin-top: 4px;
	margin-right: 19px;
	display: inline;
	float: right;
}

#table_list{
	position: relative;
	margin-top: 30px;
	margin-right: 19px;
	display: inline;
	float: right;
}


.kaden_in{
	background:url(../images/content/mykaden_middle.gif) 0 0 repeat-y; 
}

.compare_bt a{
	position: absolute;
	right: 15px;
	top: 0;
	display:block;
	width:122px;
	height:36px;
	background:url(../images/navi/bt_compare.gif) no-repeat;
	background-position:0 0;
}

.compare_bt a:hover{
	background-position:0 -36px;
}

.delete_bt a{
	display:block;
	width:65px;
	height:31px;
	background:url(../images/navi/bt_delete.gif) no-repeat;
	background-position:0 0;
    margin-left: auto;
    margin-right: auto;
	}

.delete_bt a:hover {
	background-position:0 -31px;
}


#myselect{
	float: left;
	width: 84px;
    padding-left: 32px;
}


#myselect p{
	width: 84px;
	padding: 0 0 10px 0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#mykaden_noselect{
	float: left;
	width: 100px;
	padding-left: 24px;
}

.mykaden_noselect_txt{
	text-align:left; 
	margin:20px 0 10px 0; 
	color:#000; 
	font-weight:bold;
}

.mykaden_noselect_bt a{
	display:block;
	width:98px;
	height:33px;
	background:url(../images/navi/bt_mykaden_noselect.gif) no-repeat;
	background-position:0 0;
	margin-left: auto;
	margin-right: auto;
	
	}

.mykaden_noselect_bt a:hover {
	background-position:0 -33px;
}

#compare_product{
    float: right;
    padding-right: 0px;
}

#compare_product li{
	float:left;
	width: 84px;
    padding: 5px 37px 0 0;
    
}


* html #compare_product{
    float: right;
    padding-right: 0px;
}


* html #compare_product li{
	float:left;
	width: 84px;
    padding: 5px 20px 0 0;
    
}

* html .no_select{
	margin-right: 16px;
}


#caption_area{
	float: left;
	padding-left: 19px;
	width: 653px;
	text-align: left;
}

#caption_area h3{
	padding:5px 0 5px 5px;
}

#content_in {
	float: left;
	padding-left: 19px;
	width: 653px;
	text-align: left;
	line-height: 1.7;
}

#update_area {
	float: left;
	padding: 10px 0 10px 19px;
	width: 653px;
	text-align: right;
}

.special_pic{
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	border: solid 1px #DEDEDE;
}

#content_navibox {
	float: left;
	width: 653px;
	height: 20px;
}

#contents_ad01 {
	float: left;
	padding: 13px;
	width: 626px;
	border: solid 1px #DEDEDE;
}

#back{
	float: left;
}

#next{
	float: right;
}

#back a{
	display:block;
	width:99px;
	height:14px;
	background:url(../images/navi/bt_back.gif) no-repeat;
	background-position:0 0;
	}

#back a:hover {
	background-position:0 -14px;
}

#next a{
	display:block;
	width:99px;
	height:14px;
	background:url(../images/navi/bt_next.gif) no-repeat;
	background-position:0 0;
	}

#next a:hover {
	background-position:0 -14px;
}

#special_google_ad {
	float: left;
	width: 653px;
	height: 20px;
	background: #CCC;
}

#mysearch01_navi{
	float: left;
	padding-top: 20px;
	padding-left: 16px;
	width: 653px;
}

#mykaden01_navi{
	float: left;
	padding-top: 20px;
	padding-left: 16px;
	width: 647px;
    height: 290px;
}

#mykaden_choice{
	width: 250px;
	float: right;
	padding-right: 19px;
	color: #000;
}

#mykaden_choice h4{
	width: 250px;
	padding-top: 23px;
}

#mykaden_choice dl{
	width: 226px;
	text-align: left;
	padding: 5px 10px 5px 10px;
	background: #FFF;
	margin-bottom: 1px;
	border: solid 2px #999999;
}
#mykaden_choice dt{
	font-weight: bold;
}

.mykaden_choice_in_grey{
	color: #666;
}

#mykaden_table{
	background:url(../images/content/mykaden_table_bg.gif) repeat-y;
}

.mykaden_tabsearch_bt a{
	display:block;
	width:92px;
	height:23px;
	background:url(../images/navi/bt_search.gif) no-repeat;
	background-position:0 0;
}

.mykaden_tabsearch_bt a:hover{
	background-position:0 -23px;
}


/* Table */

.mykaden_tabTable{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}    
    
.mykaden_tabTable th,.mykaden_tabTable td { 
    text-align:left; 
    font-weight: bold;
    color: #000;
    text-align:center;
    line-height: 1.4;
    }


.stripeTable .evenline td, .stripeTable .evenline th { 
    background:#f7f7f3;
    }
    
.stripeTable{
	width: 647px;
}    
    
.stripeTable th{
    font-weight: bold;
    color: #000;
    text-align:center;
    line-height: 1.4;
}


    
.stripeTable td { 
    border-bottom:1px solid #DEDEDE;
    font-weight: bold;
    color: #000;
    text-align:center;
    line-height: 1.4;
    }
    

ul#table_select{
	margin-left: auto;
	margin-right: auto;
}   
    
ul#table_select li{ 
    float: left;
    padding-right: 5px;
    padding-top: 5px;
    width: 90px;
    }
    
.table_select_my{
	padding-left: 20px;
}      

ul#table_select li img{ 
    border: solid 1px #CCC;
    }         


.table_choice_bt_select{
	width:72px;
	height:23px;
	background:url(../images/navi/bt_choice_select.gif) no-repeat;
}

.table_choice_bt a{
	display:block;
	width:72px;
	height:23px;
	background:url(../images/navi/bt_choice.gif) no-repeat;
}

.table_choice_bt a:hover{
	background-position:0 -23px;
}
    
.tbg01{
	background: #FAF6CB;
}

.tbg02{
	background: #FAFDEF;
}

.tbg03{
	background: #FFF;
}

.tbg_select{
	background: #CCCCCC;
}


.table_product_name{
	vertical-align: center;
	height: 69px;
}


.pagination{
	width: 647px;
	height: 40px;
	margin-top: 4px;
	position: relative;
	text-align: left;
}

.table_navi{
	position: absolute;
	top: 0;
	right: 0;
}

.table_list2{
	position: relative;
	margin-top: 30px;
	padding-left: 19px;
	display: inline;
	float: left;
}

#table_list3{
	margin-top: 30px;
	display: inline;
	float: left;
}

.my{
	width: 636px;
	padding-left: 10px;

}

.my th,.my td{
	text-align: center;
	
}

.mytable_product_name2 a{
	text-align: left;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	pulldown関連ここから
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::::::::::::::::::::
	pulldown_w_318
::::::::::::::::::::::::::::::::::::::::::::: */

#pulldown_area{
	position: absolute;
	right: 1px;
	top: 13px;
	z-index: 80;
} 


.pull_name1{
	width:318px;
	height:23px;
	margin:0;
	padding: 0;
	}



.pull01 ul {
   display:block;
   list-style-type: none;
   margin:0;
   padding:0;
}


.pull01 ul ul{
   display:none;
   position:absolute;
   top:23px;
   left:0;
   width:316px;
   background:#FCF8F4;
   border:1px solid #816235;
   border-width:0 1px 1px 1px;
   position:absolute;
}


.pull01 li {
   float:left;
   text-align: left;
}

.pull01 li li {
   clear:both;
}

.pull01 li:hover {
   position:relative;
   overflow:visible;
}

.pull01 ul .pull_list01 a:link, .pull01 ul .pull_list01 a:visited {
	display:block;
	width:296px;
	padding:2px 10px 2px 10px;
	text-decoration:none;
	color:#444;
	font-weight:normal;
	}
	
.pull01 ul .pull_list01 a:hover, .pull01 ul .pull_list01 a:active {
	background:#816235; 
	color:#FFF;
	}



.pull01 li:hover > ul {
   display: block
}

/* :::::::::::::::::::::::::::::::::::::::::::::
	pulldown_w_208
::::::::::::::::::::::::::::::::::::::::::::: */

.pull_name2{
	width:209px;
	height:23px;
	margin:0;
	padding: 0;
	}



.pull02 ul {
   display:block;
   list-style-type: none;
   margin:0;
   padding:0;
}


.pull02 ul ul{
   display:none;
   position:absolute;
   top:23px;
   left:0;
   width:206px;
   background:#FCF8F4;
   border:1px solid #816235;
   border-width:0 1px 1px 1px;
   position:absolute;
}


.pull02 li {
   float:left;
   text-align: left;
}

.pull02 li li {
   clear:both;
}

.pull02 li:hover {
   position:relative;
   overflow:visible;
}

.pull02 ul .pull_list02 a:link, .pull02 ul .pull_list02 a:visited {
	display:block;
	width:186px;
	padding:2px 10px 2px 10px;
	text-decoration:none;
	color:#444;
	font-weight:normal;
	}
	
.pull02 ul .pull_list02 a:hover, .pull02 ul .pull_list02 a:active {
	background:#816235; 
	color:#FFF;
	}



.pull02 li:hover > ul {
   display: block
}

/* :::::::::::::::::::::::::::::::::::::::::::::
	pulldown_w_162
::::::::::::::::::::::::::::::::::::::::::::: */

.pull_name3{
	width:162px;
	height:23px;
	margin:0;
	padding: 0;
	}



.pull03 ul {
   display:block;
   list-style-type: none;
   margin:0;
   padding:0;
}


.pull03 ul ul{
   display:none;
   position:absolute;
   top:23px;
   left:0;
   width:160px;
   background:#FCF8F4;
   border:1px solid #816235;
   border-width:0 1px 1px 1px;
   position:absolute;
}


.pull03 li {
   float:left;
   text-align: left;
}

.pull03 li li {
   clear:both;
}

.pull03 li:hover {
   position:relative;
   overflow:visible;
}

.pull03 ul .pull_list03 a:link, .pull03 ul .pull_list03 a:visited {
	display:block;
	width:140px;
	padding:2px 10px 2px 10px;
	text-decoration:none;
	color:#444;
	font-weight:normal;
	}
	
.pull03 ul .pull_list03 a:hover, .pull03 ul .pull_list03 a:active {
	background:#816235; 
	color:#FFF;
	}



.pull03 li:hover > ul {
   display: block
}



/* IE6用 */
* html .pull01 li,* html .pull02 li,* html .pull03 li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column1'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}


.pull01 .column1,.pull02 .column1,.pull03 .column1 {position:relative;}
.pull01 .column1 ul,.pull02 .column1 ul,.pull03 .column1 ul {display:block;}
.pull01 .column1 * ul,.pull02 .column1 * ul,.pull03 .column1 * ul {display:none;}




.pull02_1{
	position:absolute;
	top:10px; 
	left:35px; 
	z-index:100;
	
}

.pull02_2{
	position:absolute;
	top:10px; 
	left:359px; 
	z-index:100;
}

.pull03_1{
	position:absolute;
	top:30px; 
	left:35px; 
	z-index:1;
}

.pull03_2{
	position:absolute;
	top:30px; 
	left:220px; 
	z-index:1;
}


.pull03_3{
	position:absolute;
	top:30px; 
	left:405px; 
	z-index:1;
}


.flow01{
	position:absolute;
	top:30px; 
	left:197px;
}

.flow02{
	position:absolute;
	top:30px; 
	left:382px;
}




/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	pulldown関連ここまで
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.pulldown_bt a{
	position: absolute;
	right: 0;
	top: 13px;
	display:block;
	width:92px;
	height:23px;
	background:url(../images/navi/bt_pulldown.gif) no-repeat;
	background-position:0 0;
}

.pulldown_bt a:hover{
	background-position:0 -23px;
}

.delete_bt_b{
	padding-top: 10px;
	padding-bottom: 10px;
}

.delete_bt_b a{
	display:block;
	width:65px;
	height:31px;
	background:url(../images/navi/bt_delete_b.gif) no-repeat;
	background-position:0 0;
	margin-left: auto;
	margin-right: auto;
	}

.delete_bt_b a:hover {
	background-position:0 -31px;
}

.chart_area {
	padding: 10px 0;
	width: 653px;
	float: left;
}

.chart_area li{
	float: right;
}

.ch_parts{
	margin-right: 5px;
}

.ch_bgr{
	background:url(../images/content/comparison_parts_bgr.gif) repeat-y;
}

.ch_bgl{
	background:url(../images/content/comparison_parts_bgl.gif) repeat-y;
}

.tbg04{
	background: #F9FEEA;
}

.table_mykadenbg{
	background:url(../images/content/comparison_t_parts02.gif) repeat-y;

}

.table_mykaden{
	width: 647px;
}    
    
.table_mykaden th,.table_mykaden td { 
    text-align:left; 
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    font-weight: normal;
    color: #000;
    text-align:center;
    line-height: 1.4;
    vertical-align: middle;
    }

.width90{
	width: 90px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.width90l{
	width: 90px;
	text-align:right;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}

#content_navibox2 {
	float: left;
	width: 653px;
	padding: 20px 0;
	text-align: center;
}


#back_big a{
	display:block;
	width:160px;
	height:33px;
	background:url(../images/navi/bt_backbig.gif) no-repeat;
	background-position:0 0;
	margin-left: auto;
	margin-right: auto;
	}

#back_big a:hover {
	background-position:0 -33px;
}

#special_sub_left{
	width: 205px;
	float: left;
	margin: 0;
	padding: 0;
}



#special_ad01{
	padding-left:8px;
}


#special_ad02{
	padding-top: 23px;
	padding-left:8px;
}




#s_menu{
	background:url(../images/content/s_menu_bg.gif) repeat-y; 
	width: 168px;
	margin-left: 19px;
	_margin-left: 0px;
	text-align: left;
}


*:first-child+html #s_menu{
	margin-left: 0px;
}

#s_menu li{
	background-image : url(../images/content/s_menutri.gif) ;
	background-position : left center ;
    background-repeat : no-repeat ; 
	line-height: 1.5em;
	padding: 8px 1em 8px 24px;
	margin-left: 6px;
	border-bottom-width: 1px;
	letter-spacing: 0.05em;
	
}

.ml3px{
	margin-left: 3px;
}

#main_special{
	width: 761px;
	float: left;
	padding: 0;
	margin: 0;
}



#main_special_center{
	width: 556px;
	float: right;
	padding: 0;
	margin: 0;
}

#special_caption_area{
	float: left;
	width: 549px;
	text-align: left;
}

#special_caption_area h3{
	padding:5px 0 5px 5px;
}

#special_content_in {
	float: left;
	width: 549px;
	text-align: left;
	line-height: 1.7;
}

#special_update_area {
	float: left;
	padding: 10px 0;
	width: 549px;
	text-align: right;
}

#special_content_navibox {
	float: left;
	width: 549px;
	height: 20px;
}


#special_contents_ad01 {
	float: left;
	padding: 8px;
	border: solid 1px #DEDEDE;
}




#special_sub{
	width: 199px;
	float: right;
}


#special_ad01{
	padding-left:4px;
}


#special_ad02{
	padding-top: 23px;
	padding-left:4px;
}
 

#main_special_wrapper{
	width: 960px;
}

.right_ex{
	position: absolute;
	top: 14px;
	left: 334px;
	z-index: 100;
}

.left_ex{
	position: absolute;
	top: 14px;
	left: 9px;
	z-index: 100;
}

.delete_bt_c a{
	display:block;
	width:72px;
	height:23px;
	background:url(../images/navi/bt_delete_c.png) no-repeat;
}

.delete_bt_c a:hover{
	background-position:0 -23px;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	左メニューの開閉レイアウト関連ここから
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.ms_name{
	padding: 10px 0;
	
}


.ms_funcbox{
	float: left;
	width: 220px;
	margin: 0;
	text-align: center;
}

.ms_funcbox_in{
	background: #E9E9E9;
	float: left;
	width: 220px;
	margin: 0;
	text-align: center;
	
}

.ms_funcbox_in th{
	text-align: left;
	
}

.ms_funcbox_in td{
	text-align: center;
	
}

.ms_stage2{
	width: 180px;
	background: #C0C0C0;
	margin: 0 0 5px 0;
	padding: 0;
	
}

.ms_stage2 td{
	width: 20px;
}

.ms_stage2 th{
	width: 160px;
}


.ms_table{
	width: 210px;
	margin: 5px 0;
	padding: 0;
	line-height: 1.55em;
	color: #000;
}


.ms_table td{
	width: 20px;
}

.ms_table th{
	width: 190px;
}

.ms_parts02bg{
	background: ;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	左メニューの開閉レイアウト関連ここまで
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* css end ------------ */