@charset "Shift_JIS";

body{
	color :#000000;
	background-color:#FFFFFF;
	padding:0;
	margin:0 auto 0 auto;
	text-align : center;
	font-size:15px;
	line-height:33px;
	max-width:790px;
	-webkit-text-size-adjust:100%;
}

#menu_btn, #menu {
	display:none;
}

/* micro clearfx */
.cf:before, .cf:after {
		content:"";
		display:table;
}
.cf:after { clear:both; }
.cf { zoom:1; } /* For IE 6-7 */

a:hover{
	color: #ff0000;
}
h2,p,div,ul,ul li{
	margin:0px;
	padding:0px;
}
ul{
	list-style-type:none;
}
img {
	max-width: 100%;
	height: auto;
}
select{
	height: 33px;
	font-size: 16px;
}
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"],
textarea {
	padding: 0.3em;
	outline: none;
	border: 1px solid #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 15px;
	line-height:33px;
	display:inline-block;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	box-shadow: 0 0 7px #3498db;
	border: 1px solid #3498db;
}
.tag_line{
	float:left;
	text-align: left;
	font-size:13px;
	line-height:17px;
}
.op_sitemap{
	float:right;
	font-size:13px;
	line-height:17px;
}
.op_sitemap a img{
	margin:3px 13px 0 0;
}
.tag_line a:link,
.tag_line a:visited,
.tag_line a:active,
.tag_line a:hover{
	color: #000000;
	text-decoration: none;
/*	cursor: default;*/
}
.category_navi{
	max-width: 770px;
	text-align: right;
	font-size:13px;
	line-height:13px;
}

.contents {
	max-width:770px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

nav#menu{
	width:100%;  
}

nav#menu ul li{
	width:100%;
	display:block;
	background-color:#333;
	color:#fff;
	border-bottom:1px solid #ccc;    
	text-align:center;
}
nav#menu ul li a{
	display: block;
	color:#fff;
	padding:9px 0px 9px 0px;
}

.form_search{
	width:100%;
	padding:0;
	margin:0;
	text-align:right;
}

.form_search input[type=submit] {
	float: right;
	margin-left: 10px;
/*	font-size:18px;
	height:45px;*/
}
.top_logo{
	position:relative;
	max-width:770px;
	height:100px;

}
#logo_moji{
	position:absolute;
	max-width:290px;
	top:0px;
	left:0px;
}
#topmessage{
	position:absolute;
	max-width:450px;
	right:0px;
	bottom:0px;
	text-align:right;
}
#menu_btn{
	display:none;
}
.often_navi{
	width: 100%;
	margin: 0;
	padding: 0;
}
.often_navi li{
	display: block;
	float:left;
	width: 20%;
	margin: 0;
	padding: 0;
}
.often_navi li a{
	display: block;
	padding: 12px 0 10px;
	border-radius: 13px 13px 13px 13px / 13px 13px 13px 13px;
	border: 2px solid #AAAAAA;
	background: #777;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

.logo_under_navi{
	max-width:510px;
}
.logo_under_navi li{
	display:inline-block;
	font-size:12px;

}
.main_contents_center{
	max-width:720px;
	margin-left:auto;
	margin-right:auto;
}
.blueback{
	width:100%;
	color:#FFFFFF;
	background-color:#000066;
	border-radius: 13px 13px 13px 13px / 13px 13px 13px 13px;
	border: 2px solid #333333;
	padding:7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.blueback a:link,
.blueback a:visited,
.blueback a:active{
	color:#FFFFFF;
}
.blueback a:hover{
	color:#C0c0c0;
}

.blueback ul{/*投稿内容のulはpadding:0では困る*/
	padding-left:1rem;
	list-style-type: disc;
}
.theme_navi li{
	display:inline-block;
}
.top_left_side{
	width:460px;
	text-align:left;
	float:left;
}
.left_side{
	width:460px;
	text-align:left;
	float:left;
}
.right_side{
	width:230px;
	text-align:left;
	float:right;
}
.toppage_right_side{
	width:230px;
	text-align:left;
	float:right;
}
menu_list {
	background-image: url(../parts_img/ul_one_point.png);
	background-repeat   : no-repeat;
	background-position : -3px 7px;
	margin: 0;
	border: solid;
	border-color: #000011;
	border-width: 0px 1px 1px 0px;
}

.ul_menu li {
	border: solid;
	border-color: #000011;
	border-width: 0px 1px 1px 0px;
	background: #000077;
}

.normal_list{
	padding:0;
	margin:0;
}
@media only screen and (max-width: 768px) {
	.top_left_side{
		display:none;/*トップ記事*/
	}
	.often_navi li{
		width: 33%;
	}
	#topmessage{
		display:none;
	}
	#menu_btn{
		display:block;
		position:absolute;
		max-width:100px;
		right:0px;
		bottom:0px;
	}
	#sp_del{
		display:none;
	}
	.desktop{
		display:none;
	}
	.logo_under_navi{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.theme_navi li,
	.logo_under_navi li{
		display: block;
		float:left;
		margin: 0;
		padding: 0;
/*		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;*/
		font-size:15px;
	}
	.logo_under_navi li{
		width: 33%;
	}
	.theme_navi li a,
	.logo_under_navi li a{
		display: block;
		color: #fff;
		text-align: center;
		text-decoration: none;
	}
	.logo_under_navi li a{
		border-radius: 13px 13px 13px 13px / 13px 13px 13px 13px;
		border: 2px solid #AAAAAA;
		padding: 7px 0 7px 0;
		background: #777;/*background:#00264d;*/
	}
	.theme_navi li a{
		border-radius: 13px 13px 13px 13px / 13px 13px 13px 13px;
		border: 2px solid #555555;
		padding: 7px 0 7px 0;
		background: #777;/*background:#00264d;*/
	}
	.main_contents_center,
	.right_side,
	.top_left_side,
	.left_side{
		width:100%;
	}
	.toppage_right_side{
		width:100%;
		text-align:center;
	}
/*}

@media only screen and (max-width: 768px) {*/
	.top_logo{
		height:70px;
	}
	#logo_moji{
		max-width:203px;
	}
	.often_navi li{
		width: 100%;
	}
	.logo_under_navi li{
		width:50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	textarea {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}
.menu_list {
	background-image: url(/parts_img/ul_one_point.png);
	background-repeat   : no-repeat;
	background-position : 0px 7px;
	margin: 0;
	padding: 2px 0 0 13px;
}

ul.ul_menu{
	list-style-type:circle;
	padding:0 0 0 1rem;
}
.cart_header{
	margin:0;
	padding:0;
	background-color:#006600;
	color:#FFFFFF;
	text-align:center;
	border-radius: 7px 7px 7px 7px / 7px 7px 7px 7px;
	border: 2px solid #72984b;
}
.beigeback{
	width:100%;
	background-color:#dcc78b;
	border-radius:13px 13px 13px 13px / 13px 13px 13px 13px;
	border:2px solid #ebdf99;
	padding:7px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.up_time {
	color: #999999;
	font-family: Verdana, Arial, sans-serif;
	font-size: xx-small;
	border-top: 1px solid #999999;
	text-align: right;
	margin-bottom: 0;
	line-height: normal;
	padding: 3px;
}
.youtube{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.youtube iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
/*上に戻るボタン*/
#btn_top{
	position: fixed; /*ボタンの場所固定*/
	bottom: -10px; /*下からの場所指定*/
	right: 10px; /*右からの配置指定*/
}
#btn_top a{
	display: block;
	text-decoration: none;
	color: #fff; /*文字色*/
	background-color: rgba(204,0,0,0.5);/*背景色と透過*/
	text-align: center; /*文字を中央*/
	border-radius: 5%; /*角を丸く*/
	outline: none; /*クリック時 黒い枠をなくす*/
}
/*パソコン*/
#btn_top{
	font-size: 13px;
}
#btn_top a{
	width: 100px; /*ボタン幅*/
	height: 31px; /*ボタン高さ*/
	padding: 7px 0 21px 0; /*文字の位置調整*/
}