@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :common.css
 author     :Lady Beetle Design (admin)
 style info :共通スタイル
 
このスタイルシートの構成
-------------------------
 tag-reset
 clearfix
 common
 layouts/common
  -#header
	-#side
	-#footer
=================================================================== */


/*
===== tag-reset ====================================
*/
html,body,h1,h2,h3,h4,h5,h6,
p,ul,ol,li,dl,dt,dd,div,table,address,blockquote,form {
	margin:0;
	padding:0;
	font-size:100%;
	}


/*
===== clearfix ====================================
*/

.cf:after {  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
	}

.cf{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
	}

.cf { display: block;　/* for Mac IE */
	}

/*
===== common ====================================
*/

body{
	font-family: Arial, Helvetica,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","メイリオ",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	line-height:1.5;
	font-size:14px;
	*font-size:86%;/*IE*/
	color:#333;
	text-align:center;
	background:#ebf9fb url(../images/body_bg.jpg) no-repeat 50% 0;
}
ul{
	list-style:none;
}
a{
	color:#784737;
	text-decoration:underline;
	outline:none;
}
a:hover{
}

img{border:0;}
.clear{clear:both;}
.flL{float:left;}
.flR{float:right;}
.alR{text-align:right;}
.alC{text-align:center;}
.mb0{margin-bottom:0px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}


/*
===== layouts ====================================
*/
div#container{
	width:960px;
	margin:0 auto;
	text-align:left;
}

div#header{
	width:960px;
	height:160px;
	position:relative;
	background:url(../images/wrapper_top.gif) no-repeat 0 100%;
}

div#wrapper{
	background:url(../images/wrapper_bg.gif) repeat-y 0 0;
	padding:30px 40px 20px 30px;
}
div#main{
	width:640px;
	float:right;
	margin-left:30px;
}
div#side{
	width:220px;
	float:right;
}

div#footer{
	width:100%;
	padding-bottom:50px;
	background:#754d4d url(../images/footer_bg.gif) repeat-x;
	color:#FFF;
}


/*------------------------------------
	#header
------------------------------------*/

div#header h1{
	position:absolute;
	top:12px;
	left:0;	
}
div#header h2{
	position:absolute;
	right:0;
	top:0;
}

/*------------------------------------
	#main
------------------------------------*/
div#main h3{
	background:url(../images/title_bg.gif) no-repeat 0 0;
	padding:5px 0 8px 10px;
	margin-bottom:10px;
	color:#FFF;
	font-size:1.2em;
	letter-spacing:0.5em;
}
div#main h4{
	margin-bottom:10px;
}
div#main p{
	padding:0 10px;
	margin-bottom:10px;
}
div#main table{
	width:620px;
	margin:0 auto 30px;
	border-collapse:collapse;
}
div#main th,div#main td{
	border:1px solid #999;
	padding:3px 10px;
}
div#main th{
	background-color:#e2e2e2;
	text-align:center;
}
div#main div#attention{
	border:3px solid #090;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	padding:10px 20px 0;
	margin:0 10px 20px;
	font-weight:bold;
	color:#060;
}

/*------------------------------------
	#side
------------------------------------*/
div#side h3{
	margin-bottom:20px;
}
div#side p{
	margin-bottom:10px;
}
div#side p.sidebtn{
	text-align:center;
	margin-bottom:30px;
}

/*------------------------------------
	#footer
------------------------------------*/
div#footerin{
	width:940px;
	margin:0 auto;
	padding-top:10px;
}
div#footerin a{
	color:#FFF;
}
div#footerin ul{
	float:left;
}
div#footer ul li{
	float:left;
	display:inline;
	background:url(../images/icon_footer.gif) no-repeat 0 4px;
	padding-left:14px;
	margin-left:15px;
	font-size:0.9em;
}
div#footer p#copyright{
	font-size:.9em;
	float:right;
}