@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 {
	}
p{ padding-top:10px;}
	
/* ---▼ 03: BASE LAYOUT ▼--- */

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



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


div#container {
	width: 940px;
	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:760px;
	float: right;
	margin: 0;
}

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


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




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

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


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

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

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

}

#snav li.li_title{
	color:#FFF;
	width:150px;
	height:25px;
	padding:10px 5px 5px;
	background-image: url(../images/common/side_bg.gif);
	background-repeat: no-repeat;
}
#snav li.li_title a{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}


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

#footer { padding-top:20px;
}

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


h2{
	font-size:20px;
	color: #09C;
}
/*h2.no01,h2.no02,h2.no03,h2.no04,h2.no05,h2.no06,h2.no07,h2.no08{
	background-image:url(../images/common/no01.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

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



h3{
	font-size:16px;
	background-color:#F93;
	margin:15px 0 10px;
	color:#FFF;
	padding:5px;
}

h4{
}

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

#breadcrumbs{
	text-align: left;
	margin: 10px 0 10px 0;
	background-color:#E0E0E0;
	display:block;
	width:930px;
	padding:5px;
}

#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; }