@charset "utf-8";

@import url("contents.css");
@import url("nav.css");
@import url("matsu.css");
@import url("f_default.css");
@import url("basic.css");
@import url("stuff.css");

/*
@import url("header.css");

@import url("foot.css");

@import url("f_macIE5.css");
@import url("f_macNE4.css");
@import url("f_mac_g.css");
@import url("f_winIE5.css");
@import url("f_winNE4.css");
@import url("f_win_g.css");
@import url("print.css");
*/

/* CSS Document */


*{
/*
	margin: 0px;
	padding: 0px;
*/
}

/* ------------------- HTML再定義 start ------------------- */
body{
	font-size: 12px;
	margin:0px;
	padding:0px;
	background:url(../img/common/header_back2.gif);
	background-repeat:repeat-x;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



#main-column img,
#side-column img{
	border:0;
	vertical-align:top;
}

a img{
	border: none;
}

ul{
/*
	list-style-type: none;
*/
}

p{
	line-height: 140%;
}

#header img,
#header h1,
#footer p{
	margin:0px;
	padding:0px;
}

#main-column *,
#side-column *{
	margin:0px;
	padding:0px;
}


#side ul,
#side ul li,
#header ul,
#header ul li,
#footer ul,
#footer ul li,
#global-navi ul,
#global-navi ul li{
	list-style-type: none;
	margin:0px;
	padding:0px;
}

/*
#contents-area img{
	border:none;
	vertical-align:top;
}
*/
.pd-t00{
	padding-top:0px!important;
}

.pd-t26{
	padding-top:26px!important;
}

.pd-t02{
	padding-top:2px!important;
}


.pd-b00{
	padding-bottom:0px!important;
}

.bg-img{
	background-image:url(../img/common/main_back.gif)!important;
	background-repeat:repeat-x;
	background-position:left top;			
}

.bg-fff{
	background-color:#FFF!important;	
}

div#pan-navi-space{
	height:25px;
	margin-bottom:145px;
	width:200px;
	border-bottom:1px solid #CCC;
	background:#F1F1F1;
}

/* ------------------- レイアウト ------------------- */
#w-header,
#w-footer,
#w-contents,
#w-flash{
	width: 100%;
}

#header,
#contents-area,
#flash-area,
#footer{
	margin: 0px auto;
	width:960px;
}

#flash-area{
	margin-top:1px;
	height:250px;
	clear:both;	
}


/* ------------------- ヘッダー ------------------- */


#header{
	background:url(../img/common/header_bar.gif);
	background-repeat:no-repeat;
}

#header div#logo-area,
#header div#navi-area,
#header div#contact-area{
			margin-top: 20px;
			height:90px;
}

#header div#logo-area{
	float: left;
	width: 400px;
}

#header div#navi-area{
	float:right;
	width:170px;
}

#header div#navi-area ul{
	padding-top: 65px;	
}

#header div#navi-area ul li{
	float:right;
}

#header div#navi-area ul li a{
	padding: 0px 15px 0px 15px;
	text-decoration:none;
	height:30px;
	background: url(../img/common/icon_04.gif) no-repeat 0px 1px;
}

#header div#navi-area ul li a:hover{
	text-decoration:underline;
}


#header div#contact-area{
	float:right;
	width:300px;
	display:inline;
	text-align:right;
}

#header div#contact-area ul li.img01{
	padding: 0px 19px 3px 0px;
	display:block;
}

#header div#contact-area ul li.img02{
	padding: 0px 12px 0px 0px;
	display:block;
}


#header h1,
#header p{
	padding:10px 0px 8px 0px;
	font-size: 10px;
	font-weight:normal;
	margin:0px;
}

/* ------------------- フッター ------------------- */

#w-footer{
	background:url(../img/common/footer_back.gif);
	background-repeat:repeat-x;
}

#footer{
	background:url(../img/common/footer_bar.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	height:73px;
}



/* ------------------- グローバルナビ（ヘッダー）start------------------- */
#global-navi{
	clear:both;
	width: 959px;
	height:90px;
	background: url(../img/common/menu_on.gif) no-repeat left top;
}

#global-navi ul li{
	float: left;
}

#global-navi {
	
}



#global-navi a.service,
#global-navi a.service02,
#global-navi a.seminar,
#global-navi a.newsletter,
#global-navi a.aboutus,
#global-navi a.recruit{
	display: block;
	width: 150px;
	height: 90px;
}

#global-navi a.newsletter{width: 161px;}
#global-navi a.service{width: 209px;}
#global-navi a.aboutus{width: 141px;}
#global-navi a.recruit{width: 148px;}



#global-navi a:hover {
	background: none;
}

#global-navi ul li a:hover img{
	width: 0;
	height: 0;
}


/* ------------------- //グローバルナビ（ヘッダー）end------------------- */


/* ------------------- グローバルナビ（ヘッダー）start------------------- */
#footer ul{
	padding-top: 9px;
	clear:both;
}

#footer ul li{
	float: left;
	height:35px;
}

#footer ul li a{
	font-size:10px;
	color:#333;
	margin-top:5px;
	padding: 0px 7px 0px 7px;
	border-right: 1px solid #000;
}

#footer ul li a.border-none{
	border-style:none;	
}

#footer ul li a:hover{
	text-decoration:none;
}



/* ------------------- //グローバルナビ（ヘッダー）end------------------- */


#w-contents{
	clear:both;
	padding:30px 0px 50px 0px;
/*
	background-color:#F0F5F8;*/
	background-image:url(../img/common/space_01.gif);

background-repeat:repeat-x;
	background-position:left top;	
	
}



#contents-area #main{
	width: 760px;
	float:right;
}

#contents-area #side{
	width: 200px;
	float:left;
}


/* ------------ side ------------- */

#side #menu-column{

	background:#DCE4E7;
}

#side #menu-column ul{
	margin:10px 5px;
}

#side #menu-column ul li{
	margin-bottom:5px;
}


#side #menu-column p{
	padding:0px 6px 10px 6px;
	margin:0px;
}

#side #menu-group{
	margin-top: 20px;
}

#side #menu-group ul li a img{
	margin-bottom: 5px;
}


#side #menu-pickup{
	margin-top: 20px;
	text-align: center;
}

#side #menu-pickup ul li a img{
	margin-bottom: 5px;
}


img.title{
	margin-bottom: 8px!important;
}

p.copyright{
	clear:both;
	color: #FFF;
}


#main div#main-column{
	float:left;
	width: 550px;
	margin-left: 10px;
	display:inline;
}

#main div#side-column{
	float:right;
	width: 200px;

}

#book-area{
	clear:both;
	margin-top: 20px;	
}

#book-area h2 img{
	margin-bottom: 13px;	
}

#book-area div{
	float:left;
	width:75px;
	text-align:center;
	margin-right:2px;
}

#book-area div p{
	font-size: 11px;
}

#trouble-area{
	clear:both;
	margin-top: 20px;
}

#trouble-area div{
	float:left;
	width:270px;
	padding-bottom: 5px;
	background-repeat:no-repeat;
	background-position:right bottom;
}

#trouble-area div ul{
	margin: 10px 10px 7px 10px;
	list-style:none;
}

#trouble-area div ul li{
	padding-bottom:4px;		
}

#trouble-area div ul li span{
	padding: 4px 0px 4px 18px;
	margin-bottom: 10px;
	background: url(../img/common/icon_03.gif) no-repeat 0px 4px;
}

#trouble-area div.left-top{background-image:url(../img/top/trouble_back-02.gif);}
#trouble-area div.right-top{background-image:url(../img/top/trouble_back-01.gif);}
#trouble-area div.left-bottom{background-image:url(../img/top/trouble_back-03.gif);}
#trouble-area div.right-bottom{background-image:url(../img/top/trouble_back-04.gif);}


#info #seminar{
	float: left;
	margin-right: 5px;
}

#info #news{
	float: left;	
}

#info #seminar{
	width: 324px;
}

#info #seminar iframe{
	width: 324px;
	_width: 322px;
	
}


#info #news{
	width: 205px;
}

#info #news iframe{
	width: 205px;
	_width: 203px;
}

#info #news iframe,
#info #seminar iframe{
	border: 1px solid #BBB;
	border-top-style:none;
	height:340px;
	background:#FFF;
}


#special-contents{
	
	background: url(../img/top/special-06.gif) no-repeat 0px bottom;
	background-color:#0B4170;
	padding-bottom: 10px;
}

#special-contents #menu h2{
	padding:15px 0px 4px 55px;	
}

#special-contents #menu h2 a{
	font-size: 13px;
	text-decoration: none;
	color:#FFAD03;
}

#special-contents #menu h2 a:hover{
	text-decoration: underline;
}

#special-contents #blog-new{
	margin: 0px 10px;
	padding: 5px 7px 15px 7px;
	background-color: #FFF;
	background-image: url(../img/top/special-01-02.gif);
	background-repeat:no-repeat;
	background-position:0px bottom;	
}
#special-contents #blog-new a:hover{
	text-decoration:none;	
}


#special-contents #blog-link img{
	float:right;
	width: 42px;
	margin: 3px 10px 3px 3px;
}

#special-contents #blog-link p{
	float:left;
	width:130px;
	margin:0px 0px 0px 10px!important;
	display:inline;
}

#special-contents #blog-link a{
	float:left;
	padding-left: 15px;
	margin: 3px 0px 3px 10px;
	background-image: url(../img/common/icon_02.gif);
	background-repeat:no-repeat;
	background-position:left top;
	color: #FFF;
}

#special-contents #blog-link a:hover{
	text-decoration:none;
}

#special-contents #menu{
	clear: both;	
}

#special-contents #menu p{
	color:#FFF;
	margin:0px 0px 0px 55px;
}

#special-contents #menu div{
	width: 200ox;
	height:55px;
	background-repeat:no-repeat;
	background-position:0px bottom;	
}

#special-contents #menu div.blog{background-image: url(../img/top/special-02.gif);}
#special-contents #menu div.mailmagazine{background-image: url(../img/top/special-03.gif);}
#special-contents #menu div.adovice{background-image: url(../img/top/special-04.gif);}
#special-contents #menu div.picture{background-image: url(../img/top/special-05.gif);}

#news-list,
#seminar-list{
	margin: 3px 10px;
	width:170px;
}

#seminar-list{
		width:284px;
}

#news-list dl dt,
#seminar-list dl dt{
	padding: 7px 0px 3px 0px;
	margin:0px;
	color:#925830;
	font-weight:bold;
}

#news-list dl dt img,
#seminar-list dl dt img{
	padding: 3px 0px 0px 2px;
}

#news-list dl dd a:hover,
#seminar-list dl dd a:hover{
	text-decoration:none;

}



#news-list dl dd,
#seminar-list dl dd{
	padding: 3px 0px 7px 18px;
	background-image: url(../img/common/icon_01.gif);
	background-repeat:no-repeat;
	background-position:left 6px;
	border-bottom: 1px dotted #CCC;
	margin:0px;
	line-height:140%;
}

/*
#seminar-list dl dd{
	padding: 3px 0px 7px 18px;
	background-image: url(../img/common/icon_01.gif);
	background-repeat:no-repeat;
	background-position:left 6px;
}
*/


#seminarmovie{
	padding-top:28px;
 background-image: url(../img_common/substance_bg.gif);
	background-repeat:repeat-x;
	background-position:left top;
}

/* ------------ clearfix ------------- */

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac */
* html .clearfix{height: 1%;}
.clearfix{display:block;}
/* End hide from IE-mac */