@charset "utf-8";

/*=========================================================
	[ top_site.css ]
	Site top design
	date - creation:2012-06-18 // update:2012-06-19
=========================================================*/

/*=========================================================
	index
		1. main image
		2. content
		3. side
=========================================================*/

/* for all */
@import "reset.css";
@import "layout.css";
/* for navigation */
@import "nav_common.css";
@import "nav_global.css";
/* for categories */
@import "recommend.css";
/* for module */
@import "m_list.css";
@import "m_box.css";
/* for responsive */

/* 1. main image
=========================================================*/
#slideBox{
	border:1px solid #CCCCCC;
	background:url(/images/slide_bg.jpg) repeat-x;
}

#side a:hover img,
#side2 a:hover img,{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
}

#content h1 img{
	vertical-align:bottom;
	margin-bottom:14px;

}
#content h2{
	font-size:105%;
	text-indent:1em;
	clear:both;
	margin:15px 0 0px;
	background:url(../../common2/images/for_top_h2_bk.jpg) no-repeat;
	height:33px;
	color:#FFF;
	font-weight:bold;
	line-height:2.5;
}
ul.infoList {
    display: block;
    float: right;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-top: -2.2em;
	margin-left:0px;
    text-align: right;
    width: 48px;
	font-weight:normal;
	border-left: #FFF 1px solid;
    padding-right: .8em;
}

ul.infoList li {
	list-style:none;
    display: inline;
 
}

ul.infoList .list a{
	line-height:2;
	font-size:95%;
	color:#FFF;
	padding-right:13px;
	background:url(../../common2/images/for_top_headerlink.gif) no-repeat right 3px;}

/* 2. content
=========================================================*/
#container{
	margin:0 auto;
	margin-top:20px;
}
#containerinner{
	}

#content{
	color:#454545;
	float:left;
	width:620px;
	margin:19px;
	padding:0;
	border:0;
	background:transparent;
}
	

#content p{
    line-height: 1.4;
	margin-bottom:1em;


}
#conference{
	color:#333;
	margin-top:0;
	border:#CCC 1px solid;
	padding:15px;}
	
#conferenc {
	font-size:98%;
	line-height:1.4;
	margin-bottom:0!important;}

#consultImg {
	margin:20px auto 10px;
	width:100%;
	text-align:center;
}

#profile {
	color:#333;
	margin-top:0;
	border:#CCC 1px solid;
	padding:15px;
}

/* side
=========================================================*/


#side, #side2{
	float:right;
	line-height:1.4;
	color:#454545!important;}

#side{
	border:#CCCCCC 1px solid;
	margin:18px 18px 18px 0;
	width:198px;
	float:right;
	padding:9px 9px 9px 9px;}
#side ul{
	margin:0;
	padding:0;
	list-style:none;
	}	
#side .sectionborder_t{
	margin-top:8px;
	border-top:1px #CCCCCC dotted;}
#side2{
	border:#CCCCCC 1px solid;
	margin:0px 16px 16px 0;
	width:180px;
	height:100%;
	padding:0px 19px 19px 19px;}

	
#side2 h2 a{
	display:block;
	width:198px;
	font-weight:bold;
	color:#FFF;
	margin:0px -19px 0px -19px;
	padding:8px 30px 10px 10px;
	height:30px;
	background:url(../../common2/images/for_top_side_h2.jpg) no-repeat  ;
	
}

#side2 h2 a:hover{
	color:#FFF;
	text-decoration:underline;	
}


.copy{
	padding:14px;
	border:3px solid #FFD902;
	background:#ffffff;
	line-height:1.45;
}

.con2col{
	position:relative;
	margin-right:-30px;
	font-size:12px;
}
* html .colBox{
	margin-right:10px;
}
.colBox{
	float:left;
	width:330px;
	margin-right:25px;
}

.colBox p{
	margin:.5em 0;
}

.colBox dl.desNews{
	display:block;
	overflow:hidden;
	border-top:1px solid #FFFBE8;
	background:url(/common2/images/for_border1.gif) repeat-x 0 100%;
	line-height:1.3;
}
.desNews dt{
	position:relative;
	padding-top:8px;
	margin-top:-1px;
	background:url(/common2/images/for_border1.gif) repeat-x 0 0;
}
.desNews dd{
	padding:0 0 8px 12px;
	background:url(/common2/images/for_ico_link.gif) no-repeat .2em .3em;
}


#boxFamily dt img{
	position:absolute;
	left:0;
}
* html #boxFamily dt img{
	left:-60px;
}
#boxFamily dt,
#boxFamily dd{
	padding-left:60px;
}
#boxFamily dd{
	height:35px;
}
#boxPickup .colBox{
	border:1px solid #DAC667;
	background:#ffffff;
	height:9em;
}
#boxPickup dl{
	padding:13px;
	line-height:1.25;
}
#boxPickup dt{
	position:relative;
	font-weight:bold;
	font-size:13px;
	margin-bottom:8px;
}
#boxPickup dt img{
	position:absolute;
	left:0;
}
* html #boxPickup dt img{
	left:-90px;
}

#boxPickup dt,
#boxPickup dd{
	padding-left:90px;
}
/* 3. infonavi
=========================================================*/

div#tab-container-1{
	margin:15px 0;}
div#tab-container-1 ul{
height:34px;
border-bottom:1px solid #CCCCCC;
list-style:none;
}
 
div#tab-container-1 ul li{
width:130px;
height:33px;
border:1px solid #CCCCCC;
border-bottom:none;
background: url(../../common2/images/for_info_botton_bk.jpg) repeat-x;
float:left;
margin-right:10px;
}
 
div#tab-container-1 ul li.activeli{
height:34px;
background-color:#FFF;
}
 
div#tab-container-1 ul li a{
display:block;
width:130px;
height:25px;
padding-top:8px;
color:#000;
text-align:center;
text-decoration:none;
}
 
div#tab-container-1 ul li.activeli a
{font-weight:bold;
background-color:#FFF;}
 
div.tab{
border:1px solid #CCCCCC;
border-top:none;
padding:10px;
background-color:#FFF;
}
.des-news dt{
	background:none;
	padding-left:0;}
	
.des-news dt, .des-news dd,
.des-event dt, .des-event dd{
	font-size:95%!important;
	padding-bottom:8px!important;
	padding-top:8px!important;
	}
.des-event dd{
	padding:8px 0;
}
#btn_more{
    background: transparent url("../../common2/images/for_top_side_h2_sp.jpg") no-repeat scroll 0% 0%;
    /*margin-top: 10px;
	padding-top: 8px !important;*/
    margin-top: 8px;
	padding-top: 6px !important;
    text-align: center;
    color: white;
    font-weight: bold;
	padding-left: 0px;
}
#btn_more img{
/*    width:18px;*/
    width:55px;
}
.f95{
	font-size:95%!important;}
.notes
{
	margin-bottom:5px!important;
	color:#666666;
	font-size:95%;}
#side ul.listNomark li,.listNomark li{
	margin:0;
	padding:0;
	list-style:none;
}
#side ul.listNomark li a{
	padding:0!important;
	background:none!important;
}
	
#side ul.listNomar,.listNomark span{
	display:block;
	padding:2px 0 8px;
}	