@charset "utf-8";
/* CSS Document */

/*-------- ページ全体 --------*/
body{
	text-align:center;
	background-image: url(../img/back.jpg);
	background-position: center center;
	background-repeat:repeat;
	background-attachment: fixed;
	
}


.clear{
	clear:both;
}
	
/*-------- フォント --------*/	
p,h1,h2,h3,h4,h5,a,td,tr,caption,li{
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
p{
	font-size:13px;
	margin-top:10px;
	text-align:left;
	}

/*-------- リンク --------*/	
a{
	color:#000;
	outline:none;
}
a:link{
	color:#000;
	text-decoration:none;
}
a:visited{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#CC0000;
	text-decoration:none;
}

/*-------- 区切り線 --------*/
.kugiri-sen{
	margin:0px auto;
	height:5px;
	background-image:url(../img/border.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	clear:both;
}

.kugiri-sen2{
	margin:1px auto;
	margin-bottom:0px;
	height:1px;
	background-image: url(../img/line02.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	clear:both;
}

.kugiri-sen03{
	margin:0px auto;
	height:1px;
	background-image:url(../img/line01.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	clear:both;
}

/*-------- ヘッダー --------*/
header{
	height:110px;
	padding-top:2px;
	padding-bottom:0px;
	background-color: #FFF;
	}

#head_box{
	width:920px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	}

h1{
	margin:0px 4px 0px 4px;
	padding-left:0px;
	float:left;
	}
	
#bbc_logo{
	margin:2px 4px 0px 4px;
	float:right;
}



/*-------- section --------*/

section{
	width:920px;
	margin-left:auto;
	margin-right:auto;
}

/*-------- ナビゲーション --------*/

nav li{
		float:right;
}
nav{
	margin-right:14px;
	margin-top:10px;
	padding-bottom:10px;
	}


/*-------- 本文 --------*/
article{
	float:left;
}

.c_box{
	float:none;
}


.box_02{
	margin-bottom:50px;
}


#mainimg{
	padding-top:20px;
	}

/*-------- 	補足 --------*/
aside{
	background-color: #FFF;
	padding-bottom:20px;
	padding-top:20px;
}

.box01{
	width:920px;
	margin-left:auto;
	margin-right:auto;
}

.box01 h2,h3{
	margin-right:10px;
	padding-right:10px;
	float:left;
	}
	
.aside_box_p01{
	margin-top:0px;
	}
	
.aside_box_p02{
	clear:both;
	margin-left:20px;
	margin-top:4px;
	}
	
.aside_box01{
	position: relative;
	padding: .75em 1em .75em 1.5em;
	border: 1px solid #ccc;
	text-align:left;
}

.aside_box01::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #f10504;
	border-radius: 4px;
}

.aside_box01 h2,h3{
	color:#f10504;
}

.aside_box02{
	position: relative;
	padding: .75em 1em .75em 1.5em;
	border: 1px solid　#ccc;
	text-align:left;
}

.aside_box02::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color:#360;
	border-radius: 4px;
}

.aside_box02 h2{
	color:#360;
}

.aside_box03{
	position: relative;
	padding: .75em 1em .75em 1.5em;
	border: 1px solid #ccc;
	text-align:left;
}

.aside_box03::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color:#02c702;
	border-radius: 4px;
}

.aside_box03 h2{
	color:#02c702;
}

.aside_box04{
	position: relative;
	padding: .75em 1em .75em 1.5em;
	border: 1px solid #ccc;
	text-align:left;
}

.aside_box04::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color:#ea7804;
	border-radius: 4px;
}

.aside_box04 h2{
	color:#ea7804;
}

.aside_box05{
	position: relative;
	padding: .75em 1em .75em 1.5em;
	border: 1px solid #ccc;
	text-align:left;
}

.aside_box05::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color:#fe2793;
	border-radius: 4px;
}

.aside_box05 h2{
	color:#fe2793;
}


/*-------- プレゼント --------*/

.prebox{
	width:920px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
	padding-top:20px;
	
}

.prebox p{
	text-align:center;
	}

/*-------- フッター --------*/	
address{
	width:850px;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	margin-top:4px;
	margin-bottom:6px;
	padding-top:10px;
	padding-bottom:10px;
}

footer{
	background-color: #FFF;
	
}
