@charset "UTF-8";


/* formatting style
----------------------------------*/
* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
.clear{
	clear:both;
	height:1px;
	font-size:1px;
}
.clearfix:after{
	content:".";
	clear:both;
	display:block;
	line-height:0;
	height:0;
	visibility:hidden;
}
.clearfix{
	zoom:1;
}
body{
	font-size: 12px;
	line-height: 1.6;
	color:#333333;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color:#FFFFFF;
}

/* for WinIE6*/
* html body {
	font-size: 75%;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	vertical-align:baseline;
}
/* for WinIE7*/
*:first-child+html body { 
	font-size: 75%;
	font-family: "メイリオ","ＭＳ Ｐゴシック";
}
/* for WinIE8*/
html>/**/body {
	font-size: 75%;
	font-family: "メイリオ","ＭＳ Ｐゴシック";
}
/* for modern browser not WinIE8(Safari,FireFox)*/
html:not(:target) body {
	font-size: 12px;
	font-family: Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-family: Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}




/* link styles
----------------------------------*/
a{
	display:inline-block;
}
a img {
	border-style: none;
}
a:link {
	color: #006699;
	text-decoration: none;
}
a:visited {
	color: #006699;
	text-decoration: none;
}
a:hover {
	color: #33CCCC;
	background-color:#F0FDFD;
  	text-decoration: underline;
}

ul#headerMenu a:link,
ul#footerMenu a:link {
	color: #FFFFFF;
	text-decoration: none;
}
ul#headerMenu a:visited,
ul#footerMenu a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
ul#headerMenu a:hover,
ul#footerMenu a:hover {
	color: #333333;
	background-color:#FFFFFF;
	text-decoration: none;
}



/* basic layout
----------------------------------*/
#container {
	width: 1000px;
	margin: 0px auto;
}
#header {
	width:950px;
	height:85px;
	margin: 0px auto;
	padding-top:10px;
}
#wrapper {
	width:950px;
	margin: 0px auto;
	padding-bottom:30px;
}
#ft_container {
	background-image: url(../img/footer_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: #00BCD0;
	height:200px;
}
#footer {
	width:950px;
	margin: 0px auto;
}




/* header styles
----------------------------------*/
h1{
	font-weight:normal;
	font-size:90%;
}
#logo{
	float:left;
	width:254px;
	padding-top:13px;
}
#header_banBox{
	float:right;
	width:539px;
}
#ban_hotline{
	float:left;
	width:171px;
	padding-right:15px;
}
#ban_request02{
	float:left;
	width:131px;
}


/* headerMenu styles
----------------------------------*/
ul#headerMenu{
	background-image: url(../img/headerMenu_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width:920px;
	height:44px;
	padding:11px 40px;
	text-align:center;
}
ul#headerMenu li{
	list-style:none;
	display:inline;
	padding-left:1.2em;
	padding-right:1.2em;
	border-left:1px dotted #FFFFFF;
	letter-spacing:0.1em;
}
ul#headerMenu li#home{
	padding-left:0;
	border-left:none;
}
ul#headerMenu li#for_ob{
	padding-right:0;
}



/* wrapper styles
----------------------------------*/
#wrapperArea{
	width:950px;
	background-image: url(../img/wrapper_bg.gif);
	background-repeat: repeat-y;
	background-position: 100% 0;
	background-color:#FFFFFF;
}
#mainArea{
	float:left;
	width:720px;
}
#sideArea{
	float:right;
	width:207px;
	padding-bottom:20px;
}
#topicPath{
	font-size:90%;
}
#side_course,
#side_guide,
#side_calendar,
#side_catalog,
#side_request,
#side_mail,
#side_hotline{
	width:190px;
	margin:0 auto;
	padding-top:10px;
	position:relative;
}
#side_course_tag,
#side_guide_tag,
#side_calendar_tag,
#side_catalog_tag,
#side_request_tag,
#side_mail_tag,
#side_hotline_tag{
	position:absolute;
	right:-23px;
	top:25px;
}
.side_middle{
	background-image: url(../img/side_middle.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	padding-bottom:10px;
}
#frame_calender{
	width:156px;
	margin-left:15px;
	height:395px;
	border:none;
}
#frame_catalog{
	width:190px;
	margin:0 auto;
	height:109px;
	border:none;
}
.side_link{
	position:absolute;
	right:15px;
	top:93px;
	color:#006699;
}


/* footer styles
----------------------------------*/
dl#address{
	padding:18px 10px;
	text-align:right;
	letter-spacing:0.1em;
	height:85px;
}
dl#address dt{
	font-weight:bold;
	font-size:110%;
	padding-bottom:5px;
	line-height:normal;
}
dl#address dd{
	line-height:1.7;
}
ul#footerMenu{
	width:950px;
	height:28px;
	padding-top:11px;
	background-color:#3BCCDB;
	text-align:right;
	letter-spacing:0.1em;
}
ul#footerMenu li{
	display:inline;
	list-style:none;
	padding-left:1em;
	padding-right:1em;
	border-right:1px solid #FFFFFF;
	font-size:90%;
	color:#FFFFFF;
}
ul#footerMenu li#ftr_home{
	border-right:none;
}	
#copy{
	text-align:right;
	font-size:90%;
	padding:14px 10px 0;
	letter-spacing:0.1em;
}