@charset "UTF-8";

/******************************* content index *******************************/

.main_field ul.contentlist{
margin:0;
padding:0 0 0 1px;
}

.main_field ul.contentlist li{
background-image:none;
width:270px;
float:left;
margin:0;
padding:5px 5px;
}

.main_field ul.contentlist a{
display:block;
background-image:url(./img/contentlist_bg.png);
background-position:0 0;
background-repeat:no-repeat;
height:81px;
}

.main_field ul.contentlist a:hover{ background-position:0 -83px; }

.main_field ul.contentlist.info{
height:100px;
}

.main_field ul.contentlist.info li{
width:180px;
padding:3px;
}

.main_field ul.contentlist.info a{
background-position:-1px -40px;
height:40px;
border:solid #ccc 1px;
}

.main_field ul.contentlist.info a:hover{ background-position:-1px -93px; }

.main_field p.content_leading{
color:#71857b;
font-weight:bold;
clear:left;
text-align:center;
padding:30px 0 60px 0;
}



/******************************* serivce *******************************/

.main_field p.service_description{
margin:10px 7px;
}

#service h5 span{
color:#3a6;
font-size:75%;
padding-left:5px;
}

#service .main_field p.image{
padding:0;
margin:15px 0;
text-align:center;
}

.main_field p.to_inquiry{
margin:35px 0;
padding:5px;
}

.main_field p.to_inquiry a{
display:block;
background-image:url(./img/button_inquiry.png);
background-position:0 0;
background-repeat:no-repeat;
text-align:center;
width:382px;
height:75px;
margin:0 auto;
padding:35px 10px 5px 90px;
}

.main_field p.to_inquiry a:hover{
background-position:0 -122px;
padding:36px 10px 4px 90px;
}

/* event */

.event p.service_description{
margin-bottom: 30px;
}

.event .main_field h5{
letter-spacing:-1px;
}

.event_flow strong{
display:block;
color:#353;
font-size:120%;
}

.event ul.navi{
width: 550px;
height: 30px;
margin: 10px 0 0 5px;
padding-left: 10px;
border-bottom: 1px solid #999;
}

.event ul.navi li{
background-image:none;
float: left;
margin: 0 2px 0 0;
padding: 0px;
width: 265px;
height: 30px;
text-align: center;
line-height: 32px;
background-color: #fff;
border: 1px solid #999;
border-bottom: none;
color: #444;
}

.event ul.navi li a{
display: block;
width: 267px;
height: 29px;
line-height: 30px;
margin: -1px 0 0 -1px;
padding: 0px;
background-color: #F0F9F7;
border: 1px solid #008866;
border-bottom: 1px solid #999;
text-decoration: none;
}

.event ul.navi li a:hover{
background-color: #008866;
color: #fff;
}

.event ul.achivements{
margin-top: -3px;
margin-bottom: 20px;
}

.event ul.achivements li{
background-image: none;
list-style-type: disc;
list-style-position: inside;
margin: 0;
padding: 0.3em 0;
}

.event ul.achivements li.last{
list-style-type: none;
margin-left: 0;
padding-left: 0;
}

.event h6{
font-size: 95%;
margin:0 0 0.7em 0.5em;
padding:0 0 0 8px;
border-left: 5px solid #3a6;
}
.event dl{
color:#1a1a1a;
font-size:90%;
margin:0 0 2em 1em;
}

.event dt{
float: left;
width: 6.5em;
background-image:none;
padding:0 0 0.8em 0;
margin:0;
}

.event dd{
margin-left: 6.5em;
padding:0 0 0.8em 1.2em;
border-left: 1px solid #999999;
}

.event dd.last{
padding-bottom:0;
}
.event p.attention{
float: right;
margin: 0 5px 0 0;
padding: 0;
color:#1a1a1a;
font-size: 80%;
}

.event p.attention span, .event span.strong{
color:#d64c5f;
}

.event span.strong{
margin-left: 5px;
font-size: 80%;
}

/* web */

.main_field ul.web_asp{
width:300px;
}

.main_field ul.web_asp li{
background-position:0 3px;
}

.main_field ul.web_asp strong{
display:block;
color:#228;
font-size:120%;
}

/* glave_cleaning */

.glave_cleaning .main_field div.top_image {
margin-top:10px;
height:185px;
background-image:url(../img/graph/visit.jpg);
background-repeat:no-repeat;
background-position:right;
}

.glave_cleaning .main_field p li{
color:#999999;
}

.glave_cleaning .main_field h4{
margin-top:10px;
}

.glave_cleaning .main_field h5{
background:#FFF2CA;
padding:3px 7px;
color:#C99D18;
font-size:11pt;
}

.glave_cleaning .main_field p{
margin:0 0 10px 6px;
font-size:11pt;
}

.glave_cleaning span{
font-size:10pt;
}

.glave_cleaning .main_field li{
background-image:none;
margin:0 6px;
padding:0.1em 0;
list-style-type:disc;
font-size:10pt;
}

.glave_cleaning .main_field ul.basicPlan{
background-color:#DEF1DE;
margin:-5px 0 10px 6px;
padding:0.7em;
line-height:170%;
}

.glave_cleaning .main_field ul.basicPlan li{
display:inline;
margin:0 10px 0 10px;
padding:0;
list-style-type:none;
font-size:12pt;
}

.glave_cleaning .main_field ul.kakunin li{
padding:0.3em 0;
}



/****************************** column ******************************/

div.content#column{
position:relative;
}

.main_field p.column_cover{
background-position:left center;
background-repeat:no-repeat;
margin:10px 5px;
padding:5px 0 5px 60px;
}

.main_field p.column_cover.drsai{ background-image:url(./img/column_descicon_drsai.gif); }
.main_field p.column_cover.mrno{ background-image:url(./img/column_descicon_mrno.gif); }
.main_field p.column_cover.suga{ background-image:url(./img/column_descicon_suga.gif); }
.main_field p.column_cover.mjnews{ background-image:none; padding:5px 0 0 10px; }

.main_field p.column_cover img{
padding-bottom:10px;
}

#column .main_field h4{
font-size:120%;
font-weight:bold;
padding:1px 5px;
}

.main_field div.column_text{
background-image:url(./img/column_bg.png);
background-position:0 0;
background-repeat:repeat;
margin:15px 20px;
padding:10px;
}

.main_field div.column_text p{
margin:0.7em 20px;
}

#column .main_field h5{
color:#208a5a;
background-image:url(./img/column_chapter_marker.gif);
font-size:100%;
margin:14px 7px 6px -13px;
padding:3px 5px 3px 22px;
}

.main_field div.column_profile{
background-position:2px 32px;
background-repeat:no-repeat;
height:195px;
margin:10px 15px;
padding:1px;
border-style:solid;
border-color:#294;
border-width:1px;
}

.main_field div.column_profile#dr_sai{ background-image:url(./img/column_author_drsai.jpg); }
.main_field div.column_profile#mr_no{ background-image:url(./img/column_author_mrno.jpg); }
.main_field div.column_profile#suga{ background-image:url(./img/column_author_suga.jpg); }

.main_field div.column_profile h4{
margin:0 0 5px 0;
padding:2px 5px;
border-style:solid;
border-color:#294;
border-width:0 0 1px 0;
}

.main_field div.column_profile img{ vertical-align:text-bottom; }

.main_field div.column_profile p{
font-size:80%;
margin-left:140px;
}

.main_field div.column_profile ul{
font-size:80%;
list-style-type:disc;
margin-left:140px;
}

.main_field div.column_profile li{ background-image:none; padding:0; }


/* back number */

div.column_backnumber{
background-image:url(./img/sidemenu_column_backnumberline.gif);
background-position:center top;
background-repeat:no-repeat;
font-size:90%;
width:197px;
position:absolute;
top:440px;
left:5px;
padding-top:5px;
}

.column_backnumber h4{

}

.main_field .column_backnumber ul{
margin:0 0 0 10px;
}

.column_backnumber ul li{
background-image:none;
width:60px;
float:left;
padding:3px 1px;
}


/* mjoy news */

#column div.column_text.mjn_list{
padding-top:1px;
}

#column .mjn_list h5{
clear:left;
margin:0px 7px 0px -7px;
padding:8px 5px 1px 22px;
}

#column .mjn_list p{
clear:left;
}


#column .mjn_list ul{
margin-top:0;
}

#column .mjn_list li{
background-image:none;
width:150px;
float:left;
padding:3px 3px 8px 3px;
}

#column .column_text pre{
color:#232;
font-size:80%;
}





/******************************* info *******************************/

#info strong{
color:#006a5a;
font-size:110%;
font-weight:bold;
}

#info li strong{
letter-spacing:8px;
padding-right:10px;
}

/* access */

.main_field p.info_map{
text-align:center;
margin:0.4em 15px 0.7em 20px;
}

.main_field p.info_map img{
padding:15px;
border-style:solid;
border-color:#cdc;
border-width:1px;
}

/* inquiry */

.main_field p.inquiry_option{
font-size:100%;
letter-spacing:1px;
line-height:1.8;
border-style:double;
border-color:#cdc;
border-width:3px;
}

.main_field p.inquiry_option a{
display:block;
color:#11d;
background-color:#e9fff3;
padding:0.8em 20px;
}

.main_field p.inquiry_option a:hover{
color:#25f;
background-color:#eeffff;
}

div.inquiryaddress{
margin:0 0 5px 15px;
padding:10px 0 15px 5px;
border-style:solid;
border-color:#cdc;
border-width:0 0 0 8px;
}

div.inquiryaddress table{
width:450px;
}

/* p-policy */

.main_field ol.pp_menu{
font-size:80%;
margin:0.4em 10px 0.7em 10px;
padding:5px 0 5px 30px;
border-style:solid;
border-color:#cdc;
border-width:1px;
}

.main_field ol.pp_menu li{
padding:0;
}

.main_field div.p-policy_text{
background-color:#eff6f3;
margin:10px;
padding:5px;
}

.main_field div.p-policy_text p, .main_field div.p-policy_text ol{
font-size:95%;
line-height:1.5;
margin:0.8em 20px;
}

.main_field div.p-policy_text p.sign{
color:#444;
font-weight:bold;
font-style:italic;
text-align:right;
}


/******************************* release *******************************/

#release_list dl{
font-size:90%;
margin:5px 15px 15px 10px;
}

#release_list dt{
margin:5px 5px 0 5px;
}

#release_list dt.event{ color:#e39; }
#release_list dt.column{ color:#093; }
#release_list dt.release{ color:#03c; }

#release_list dt img{ vertical-align:text-bottom; padding-right:5px; }


#release_list dd{
margin:0 5px 8px 5px;
padding:5px;
border-style:solid;
border-color:#bcb;
border-width:0 0 1px 0;
}

#release_list dd a{ font-weight:bold; }

/* detail */


#release_detail h4{ font-size:140%; }

#release_detail h5{ font-size:100%; }



/******************************* tool *******************************/

.main_field div.tool_character{
margin:0 10px 5px 10px;
padding:5px 0;
border-style:double;
border-color:#36f;
border-width:3px;
}

.main_field .tool_character h6{
color:#039;
}

/*************************** release_eq *****************************/

#release_eq .side_field ul{
width:200px;
font-size:10pt;
margin:0 0 0 -5px;
padding:5px 0 0 0;
}

#release_eq .side_field ul a{
display:block;
background-image:none;
}

#release_eq .side_field ul a:hover{
background-image:none;
background-color:#ffffff;
}

#release_eq h4{
font-size:140%;
font-weight: bold;
margin-bottom:15pt;
}

#release_eq h5{
font-size:100%;
margin-bottom:-3pt;
margin-left:20pt;
}

#release_eq p{
    letter-spacing:0.8pt;
    margin-bottom:12pt;
}

#release_eq pre{
    font-size:80%;
    line-height:130%;
    margin-left:20pt;
}

#gallery_eq{
    width:564px;
    height:270px;
    background-color:#ffffff;
}

.main_field div#gallery_eq dl{
    margin:0px;
    margin-left:27px;
    padding:0px;
    float:left;
    width:250px;
    font-size:13px;
}

div#gallery_eq dt{
    margin:0 0 5px 0;
    padding:0px;
}
div#gallery_eq dd{
    margin:0 0 3px 0;
    padding:0px;
}