@charset "utf-8";
/* CSS Document */

body{
margin:0px;
padding:0px;
text-align:center;
/*background-color:#fef5c6;*/}

body, td, th, div, p, a, pre,
select, input, textarea {
line-height:1.4;
color:#333333;
font-family:
  'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 
  '平成角ゴシック', 'HeiseiKakuGothic', Osaka, 
  'ＭＳ Ｐゴシック', 'MS PGothic', 
  'ＭＳ ゴシック', 'MS Gothic',
  sans-serif;
font-size:small;}
	
a{
color:#FF9900;
text-decoration:none;}
a:hover{
color:#66CCFF;
text-decoration:underline;}


img{
border:0px;}

p{
margin:0;
padding:3px;}

strong{
font-weight:normal;}


h1{
font-size:small;
font-weight:normal;
margin:0; padding:0;}

h2{
font-size:small;
font-weight:normal;
margin:0; padding:0;}

h3{
font-size:small;
font-weight:normal;
margin:0; padding:3px;}


/* base */
#kage{
background-image:url(images/side_kage.jpg);
background-repeat:repeat-y;
background-position:center;
width:800px;
margin:0 auto;}

#top_kage{
background-image:url(images/up_kage.jpg);
background-repeat:no-repeat;
background-position:center;
height:44px;
color:#FFFFFF;
margin:0 0 0 -1px; padding:0;}

#under_kage{
background-image:url(images/under_kage.jpg);
background-repeat:no-repeat;
background-position:center;
height:44px;
color:#FFFFFF;
margin:0 0 0 -1px; padding:0;}


#wrapper{
width:745px;
margin:0 auto;
background-color:#FFFFFF;
text-align:left;}

*:first-child+html #wrapper{
width:745px;
margin:0 0 0 2px;
background-color:#FFFFFF;
text-align:left;}

.up_txt_h1{
text-align:left;
padding:0 0 3px 5px;
width:500px;
float:left;}

.up_txt_size{
text-align:right;
padding:0 5px 3px 0;
width:200px;
float:right;}


#up_navi{
text-align:center;
width:745px;
height:37px;
border-bottom:#CCCCCC 1px solid;
border-top:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
background-color:#FF9900;}
#up_navi ul{
list-style:none;
margin:0; padding:0;}
#up_navi li{
float:left;
text-align:center;
margin:0;
padding:9px 0 9px 3px;
width:100px;
border-left:#cccccc 1px solid;
background-color:#FF9900;
color:#FFFFFF;}
#up_navi li a{
color:#FFFFFF;}
#up_navi li a:hover{
color:#FFFFFF;}


#up_navi li.s_line{
line-height:1;
padding:5px 0 5px 3px;}
#up_navi li.s_line a{
line-height:1;
padding:5px 0 5px 3px;
color:#FFFFFF;}
#up_navi li.s_line a:hover{
line-height:1;
padding:5px 0 5px 3px;
color:#FFFFFF;}


.container{
width:745px;}

#footer{
border-top:#CCCCCC 2px solid;
padding:3px 5px 5px 5px;}
.f_right{
width:400px;
text-align:right;
padding:5px 0 0 0;
float:right;}
.f_left{
width:300px;
text-align:left;
float:left;}


.copy{
font-size:smaller;
color:#999999;}
.copy a{
color:#999999;}



/* index */
.a_right{
width:180px;
float:right;
line-height:1.2;}

.a_left{
width:550px;
float:left;}

.b_left{
width:540px;
float:left;
padding:0 0 0 5px;}


.maker_banner{
border-top:#CCCCCC 1px solid;
margin:0; padding:0;}
.maker_banner img{
border-bottom:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;}

.sinchyaku ul{
margin:0; padding:0;
list-style-type:square;}
.sinchyaku li{
margin:5px 0 15px 30px;
padding:0 5px 0 0;}


/* side */
.navi_contents_title{
border-bottom:#FF9900 1px solid;
padding:0 3px 3px 3px;
margin:10px 0 0 0;
color:#999999;
font-weight:bold;}

.navi_contents_list{}
.navi_contents_list ul{
margin:0; padding:0;
list-style-type:none;}
.navi_contents_list li{
margin:5px 0;
padding:0 3px 3px 0;
border-bottom:#CCCCCC 1px dotted;}


/* purchase */
.purchase_flow{
background-image:url(purchase/images/base_flow.gif);
background-repeat:no-repeat;
background-position:top center;
padding:6px 3px 15px 3px;}


/* access */
.acc_right{
width:370px;
float:right;}

.acc_left{
width:150px;
float:left;
text-align:center;
line-height:1.2;}

.acc_acetone{
width:150px;
height:35px;
padding:28px 0 10px 0;
margin:5px 0 0 5px;
background-color:#000099;
float:left;
text-align:center;
line-height:1.2;}


/* sitemap */
#sitemap{}
.sitemap_left{
width:250px;
float:left;
border-right:#CCCCCC 1px dotted;
padding:15px;}

.sitemap_right{
width:250px;
float:right;}

#sitemap ul{
margin:0 0 20px 0;
padding:0;
list-style-type:none;}

#sitemap li{
margin:3px 0 3px 0;
padding:0 0 5px 5px;
border-bottom:#CCCCCC 1px dotted;}
#sitemap li.cate{
margin:3px 0 3px 0;
padding:5px 5px;
background-color:#f2f2f2;}



/* line_up */
.lineup_right{
width:350px;
float:right;}

.lineup_left{
width:180px;
float:left;
text-align:center;
line-height:1.2;}



.topic_path{
margin:10px 0 15px 0;}


/* list */
ol li{
margin-bottom:7px;}


/* table */
.list_table table{
background-color:#CCCCCC;}

.list_table td{
background-color:#FFFFFF;}



/* margin */
.up10{
margin:10px 0 0 0;}

.under10{
margin:0 0 10px 0;}

.under5{
margin:0 0 5px 0;}

.left5{
margin:0 0 0 5px;}

.left20{
margin:0 0 0 20px;}

.left20_box{
padding:0 20px;}

.right10{
margin:0 10px 0 0;}

.padding5{
padding:5px;}



/* back */
.back_gray{
background-color:#f2f2f2;}

.back_blue{
background-color:#FF9900;
color:#FFFFFF;
font-weight:bold;}



/* box */
.blue_box{
border:#FF9900 1px solid;}

.navi_box{
border:#000099 1px solid;}



/* txt */
.clear{
clear:both;
color:#FFFFFF;
font-size:1px;}

.border_title{
border-bottom:#cccccc 1px solid;
border-top:#cccccc 1px solid;
padding:5px 3px 5px 5px;
margin:10px 0;
color:#666666;
font-size:medium;
font-weight:bold;}

.left_border_title{
border-left:#FF9900 5px solid;
border-bottom:#CCCCCC 1px dotted;
padding:3px 3px 3px 5px;
font-size:medium;
font-weight:bold;
color:#666666;}

.big_title{
color:#FF6600;
font-size:36px;
font-weight:bold;}

.pagetop{
text-align:right;
padding:0 5px 0 0;
margin:10px 0;}

.nancho_do{
background-color:#FF9900;
padding:5px;
color:#FFFFFF;}


.under_dotted{
border-bottom:#CCCCCC 1px dotted;
padding:0 0 5px 0;
margin:0 0 5px 0;}


.blue{
color:#FF9900;}


.txt_big{
font-size:medium;
color:#666666;}

.txt_small{
font-size:smaller;}

.txt_bold{
font-weight:bold;}

.red{
color:#FF0000;}

.gray{
color:#999999;}
