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

/*デフォルトCSSリセット----------*/

* {
	padding:0;
	margin:0;
}

h1, h2, h3, p, li, input, textarea, select {
	font-size:100%;
	font-weight:normal;
}

li {
	list-style:none;
}

img {
	border:none;
	vertical-align:bottom;
}

/* リンク文字の設定 */
a {
	color:#3f3f3f;
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:none;
	color:#009500;
}


/*共通設定----------*/
body {
	color:#333;
	font-size:small;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#wrapper {
	width:1000px;
	margin:auto;
	overflow:auto;
}

/*header----------*/
#head {
	width:100%;
	height:10px;
	background-color:#d0f700;
	margin:auto;
}

#header {
	width:1000px;
	height:70px;
	background-image:url(../images/header_back.gif);
	background-repeat:no-repeat;
	background-position:right;
}

#header h1 {
	float:left;
	margin-left:50px;
	margin-top:22px;
}

#header div#news {
	float:left;
	width:300px;
	height:25px;
	margin-left:50px;
	margin-top:20px;
}

#newsbox {
	background-color: rgba(255,255,255,0.8);
	border: none;  
	width:300px;
	height:25px;
	font-size:11px;
	color:#666;
}

#header div#order a{
	float:right;
	width:172px;
	height:33px;
	margin-right:50px;
	margin-top:20px;
	background: url(../images/order_btn.gif) no-repeat 0 0;
}

#header div#order a:hover{
	background-position:0 bottom;
}

/*left----------*/

#left {
	float:left;
	width:225px;
	margin-left:50px;
	position:absolute;
}

/*navigation----------*/
#navigation {
	float:left;
	width:225px;
	height:300px;
	margin-bottom:20px;
	z-index:2;
	background-color: rgba(255,255,255,0.6);
	font-weight:bold;
}

li#navigation1{
	margin:22px;
	border-left: #d0f700 solid 5px;
}

li#navigation2{
	margin:22px;
	border-left: #bee006 solid 5px;
}

li#navigation3{
	margin:22px;
	border-left: #48d211 solid 5px;
}

li#navigation4{
	margin:22px;
	border-left: #1b9c2a solid 5px;
}

li#navigation5{
	margin:22px;
	border-left: #4acb8d solid 5px;
}

li#navigation6{
	margin:22px;
	border-left: #27eb00 solid 5px;
}

li#navigation7{
	margin:22px;
	border-left: #ddf700 solid 5px;
}

/*bnr----------*/

.bnr {
	width:225px;
	height:71px;
	margin-bottom:10px;
	float:left;
}

#bnr_point {
	margin-top:10px;
	float:left;
}


/*right----------*/
#right {
	float:left;
	width:650px;
	margin:10px 50px 50px 300px;
	overflow:auto;
}

.breadcrumbs {
	margin:10px 0px;
	color:#666;
	font-size:11px;
}

.breadcrumbs li{
	display:inline;
}


#right h3 {
	margin:10px 0px;
	float:left;
}

/*3contents----------*/
.point {
	width:650px;
	height:15px;
	float:left;
	margin:10px 0px;
}

.three_contents {
	width:650px;
	float:left;
	overflow:auto;
	clear:both;
}

.contents_1 {
	width:200px;
	float:left;
}

.contents_2 {
	width:200px;
	margin:0px 25px 0px 25px;
	float:left;
}

.contents_3 {
	width:200px;
	float:right;
}


/*footer----------*/
#footer {
	width: 100%;
	clear:both;
	background-image:url(../images/footer.png);
	background-repeat:no-repeat;
	background-position:20% 100%;
	background-color: #d0f700;
}

#footer li {
	display:inline;
}

#footer_link {
	padding:20px 0px;
	text-align:center;
}

.footer_line {
	margin-left:20px;
}

#copyright {
	padding:10px 0px;
	text-align:center;
	color:#666;
	font-size:10px;
}