@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: #535353;
	font-family: Meiryo, "メイリオ","Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic", "ＭＳ Ｐゴシック",sans-serif;
	font-size: 12px;
	line-height: 1.5;
	}


* 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: #FFFFFF;
}


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



.fleft{ float:left;}
.fright{ float:right;}


.mt20{ margin-top:20px;}
.mt200{ margin-top:200px;}

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

#header {
}

/* ---▼ 05: MAIN IMAGE ▼--- */

#keyvisual{
}

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


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

#main{
	width:840px;
	margin: 10px 0 0 0;
}

.section{ clear:both; margin-top:20px;}
.section img{ margin:10px 10px 0 0 ;}


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

#side{
}


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

#snav{
	width: 160px;
	margin: 10px 0 0 0;
	float:left;
}


#snav ul{
	width: 160px;
	margin: 0 0 30px 0;
}

#snav li{
	margin: 0 0 5px 0;
}

#snav li a{
	display: block;
	height: 38px;
	width: 160px;

}



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

#footer {
}

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


h3{
	padding-left:30px;
	font-size:18px;
}
h3.no01,h3.no02,h3.no03,h3.no04,h3.no05,h3.no06,h3.no07,h3.no08{
	background-image:url(../images/common/no01.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

h3.no01{background-image:url(../images/common/no01.gif);}
h3.no02{background-image:url(../images/common/no02.gif);}
h3.no03{background-image:url(../images/common/no03.gif);}
h3.no04{background-image:url(../images/common/no04.gif);}
h3.no05{background-image:url(../images/common/no05.gif);}
h3.no06{background-image:url(../images/common/no06.gif);}
h3.no07{background-image:url(../images/common/no07.gif);}
h3.no08{background-image:url(../images/common/no08.gif);}




h4{
	 font-size:16px;
	 padding:20px 0 10px 0;
}

h4{
}


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

#breadcrumbs{
	text-align: left;
	margin: 0 0 10px 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; }