@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 .main_field h5{
letter-spacing:-1px;
}

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

/* 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%;
}



/****************************** 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;
}