@charset "utf-8";

li {
	position : relative;
}

li a {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	color : #000000;
}

.link_li.touchstart{
	opacity : 0.3;
}

.caption{
	margin-top:10px;
	color : #777777;
	font-weight : bold;
	background-color : #faf0e6;
	padding: 10px;
}

.caption2{
	color : #777777;
	font-weight : bold;
	background-color : #faf0e6;
	margin-top : 10px;
}

#google_translate_element select {
	padding: 0;
	width: 200px;
	max-width:40%;
}

#setting,#category{
	display : none;
}

.footer_sub_menu{
	width : 18%;
	margin : 1%;
}

.popup_back {
	display : none;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	background-color: #000;
	opacity: 0.5;
}

.popup_element{
	display : none;
	position : fixed;
	border-radius: 6px 6px 6px 6px;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:scroll;
	-webkit-overflow-scrolling: touch;
	background : #ffffff;
	z-index: 9000;
}

.pupup_menus{
	padding : 20px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#cccccc');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#cccccc')";
	background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
	background-image: -ms-linear-gradient(top, #ffffff, #cccccc);
	background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
	background-image: linear-gradient(top, #ffffff, #cccccc);
	background-color: #f00;	
	color : #000000;
}

.li_selected{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#666666', endColorstr = '#eeeeee');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#666666', endColorstr = '#eeeeee')";
	background-image: -moz-linear-gradient(top, #666666, #eeeeee);
	background-image: -ms-linear-gradient(top, #666666, #eeeeee);
	background-image: -webkit-linear-gradient(top, #666666, #eeeeee);
	background-image: linear-gradient(top, #666666, #eeeeee);
	background-color: #f00;	
	color : #000000;
}

.submit_buttons {
	width: 100%;
	height: 50px;
	margin: 10px 0;
	font-size : 1.25em;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#333333', endColorstr = '#000000');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#333333', endColorstr = '#000000')";
	background-image: -moz-linear-gradient(top, #333333, #000000);
	background-image: -ms-linear-gradient(top, #333333, #000000);
	background-image: -webkit-linear-gradient(top, #333333, #000000);
	background-image: linear-gradient(top, #333333, #000000);
	background-color: #f00;
	color : #ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

.submit_buttons.touchstart {
	background: #999999;
}

.cancel_button{
	width: 100%;
	height: 50px;
	margin: 10px 0;
	font-size : 1.25em;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#cccccc');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#cccccc')";
	background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
	background-image: -ms-linear-gradient(top, #ffffff, #cccccc);
	background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
	background-image: linear-gradient(top, #ffffff, #cccccc);
	background-color: #f00;
	color : #000000;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

.cancel_button.touchstart {
	background: #999999;
}

@media all and (min-width: 500px){

#setting{
	display : block;
	float : right;
	margin : 0 10px;
	padding : 0 10px;
}

#category {
	display : block;
}

}

@media all and (min-width: 1000px){

#header{
	padding : 0 1%;
}

.wrap{
	padding : 1%;
}

#navigation_wrap{
	position : relative;
}

#searchForm{
	text-align : left;
}

#user_setting{
	background-color : #ff5000;
	position : absolute;
	right : 0;
	top :0;
	border : 1px dotted;
	margin : 10px;
	padding : 10px;
}
#contents {
	padding : 0 1%;
}
#category{
	padding : 0 0 1% 0.5%;
}

.close_button{
	position : absolute;
	right : 5px;
	top : 5px;
}

.close_window{
	background : #dddddd;
	color : #ffffff;
	font-size : 1.25em;
	border : none;
}

#footer {
	background-color : #dcdcdc;
	padding : 10px;
}

.link_li:hover{
	opacity : 0.3;
}

.submit_buttons:hover {
	background: #999999;
}

.cancel_button:hover {
	background: #999999;
}

}