@charset "utf-8";

/*==========================================
File name: base.css（proto type)
Editors: itprobe_zenzaidoji
Last Editor: itprobe_zenzaidoji
Date: 2010.04.01
========================================== */

/* INDEX   ------------------------------- 
 01.BASE FONT
 02.LINK SETTING
 03.BASE LAYOUT
 04.HEADER
 05.MAIN IMAGE
 06.GLOBAL NAVIGATION 
 07.MAIN CONTENTS
 08.SIDEBAR
 09.SIDE MENU
 10.FOOTER
 11.COMMON STYLE
 12.CLERA FIX
----------------------------------------- */

/* ---▼ 01.BASE FONT ▼--- */


body {
	color: #333333;
	font-family: Meiryo, "メイリオ","Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic", "ＭＳ Ｐゴシック",sans-serif;
	font-size: 12px;
	text-align: center;
	margin: 0 auto;
	line-height: 1.5;
	background-color:#F8F5F3;
	background-image: url(../images/common/header_bg.gif);
	background-repeat: repeat-x;
	}


* html body {
	font-size: 75%; /* for WinIE5-6,MacIE5.x */
	}


/* ---▼ 02.LINK SETTING ▼--- */

a{
	outline:none;
	}

a,a:link {
	text-decoration: underline;
	}

a:visited {
	}

a:hover {
	text-decoration: none;
	}

a.current,
a:active,
a:focus {
	}
	
/* ---▼ 03: BASE LAYOUT ▼--- */

html{
	text-align: center;
	width: 100%;
}



body {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	background-color:#F8F5F3;
}


div#container {
	width:900px;
	margin: 0 auto 30px auto;
}



/* ---▼ 04: HEADER ▼--- */

#header {
	width: 900px;
	height: 105px;
	margin: 0 0 0 0;
	position: relative;
	}

#header h1{
	position: absolute;
	font-weight: normal;
	font-size: 12px;
	top: 5px;
	left: 115px;
	color: #333333;
	margin: 0 0 0 0;
	padding: 0;
	display:none;
	}
	
/* ---▼ 05: MAIN IMAGE ▼--- */

#keyvisual{
}

/* ---▼ 06: GLOBAL NAVIGATION ▼--- */

#gnav{
	width:900px;
	height: 80px;
	margin: 0 0 0 0;	
}

#gnav ul{
	position: relative;
	width:900px;
}

#gnav li{
	display: inline;
}

#gnav li a{
	display: block;
	position: absolute;
	text-indent: -9999em;
	width: 150px;
	height: 80px;
	background-position:  0 -80px;

}

#gnav li a:hover{
	background-position: 0 0;

}
	

#gnav_01{
	left: 0;
	background: #FFF url(../images/common/gnav_01.gif) no-repeat top left;
}

#gnav_02{
	left: 150px;
	background: #FFF url(../images/common/gnav_02.gif) no-repeat top left;
}

#gnav_03{
	left: 300px;
	background: #FFF url(../images/common/gnav_03.gif) no-repeat top left;
}

#gnav_04{
	left: 450px;
	background: #FFF url(../images/common/gnav_04.gif) no-repeat top left;
}

#gnav_05{
	left: 600px;
	background: #FFF url(../images/common/gnav_05.gif) no-repeat top left;
}

#gnav_06{
	left: 750px;
	background: #FFF url(../images/common/gnav_06.gif) no-repeat top left;
}

/* ---▼ 07: MAIN CONTENTS ▼--- */

#main{
	width:900px;
	margin:20px 0;
}



/* ---▼ 08: SIDEBAR ▼--- */

/*#side{
	width:200px;
	float:left;
	margin:20px 0 0 0;
}*/


/* ---▼ 09: SIDE MENU ▼--- */


/* ---▼ 10: FOOTER ▼--- */

#footer {
}

/* ---▼ 11: COMMON STYLE ▼--- */

h3{
}

h4{
}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}

.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}

.mr5{ margin-right:5px;}

.imgr{ float:right;}
.imgl{ float:left;}


.brown16{
	color:#C78E56;
	font-size:16px;
	font-weight:normal;
	margin:20px 0 15px 0;
}

.green16c_2{
	color:#063;
	font-size:16px;
	font-weight:normal;
	text-align:center;
}


/* --- ぱんくずナビ ---*/

#breadcrumbs{
	text-align: left;
	margin: 0 0 20px 0;
}

#breadcrumbs a{
}

#breadcrumbs a:hover{
}



/* ---▼ 12: CLEAR FIX ▼--- */

.clear{
	clear: both;
}


div:after{/*for modern browser*/
    content:".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

div { display: inline-block; } 
div { display: block; }