@charset "utf-8";
/* CSS Document */
/*logo color : #194d91*/

html,body{
	width:100%;
	height:100%;
}

a,a:visited{
	color:#194d91
}


.clear_div{
	clear:both;
}


/* header */
header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	background-color:#fff;
	height:120px;
}

#header_logo{
	float:left;
	margin:12px 0 0 20px;
}
#logo_caption_pc{
	margin:5px 0 5px 0;;
	padding:0;
	font-size:12px
}

#logo_caption_mobile{
	margin:0 0 0 40px;
	padding:0;
	float:right;
	font-size:8px;
}

#logo_caption_mobile_name{
	color:#194d91;
	font-weight: bold;
	font-size: 10px;
}
#logo_caption_pc_name{
	color:#194d91;
	font-weight: bold;
	font-size: 12px;
}

#header_logo svg{
	width:170px;
	padding:0;
	margin:0;
	height:26px;
	float:left;
}

#header_content{
	float:right;
	margin-top:20px;
}
header ul li{
	list-style-type:none;
}
#header_info li{
	float:left;
	margin-right:20px;
}
#header_info a{
	color:#000;
}
#header_caption{
	font-size:28px;
	font-weight:bold;
}
#header_tel,#header_mail{
	font-size:16px;
	font-weight:bold;
	margin-top:-2px;
}
#header_menu li{
	float:left;
	margin:3px 20px 15px 0;
	text-align:right;
}
.header_icons{
	width:16px;
	margin:-3px 6px 0 0;
}
#hamburger{
	float:right;
	width:30px;
	height:30px;
	margin:10px 20px 0 0;
	cursor:pointer;
	background-image:url(../img/hbg.svg);
	background-position:center;
	background-repeat:no-repeat;
}

#drawerMenu{
	width:200px;
	height:100%;
	background-image:url(../img/drawerBg.png);
	background-position:right;
	background-repeat:repeat-y;
	position:fixed;
	top:0;
	left:-200px;
	z-index:102;
}
#drawerMenuBg{
	width:100%;
	height:100%;
	background-color:#000;
	position:fixed;
	top:0;
	left:0;
	z-index:101;
	opacity:0;
	pointer-events:none;
	cursor:pointer;
}
#drawerMenu li{
	list-style-type:none;
	font-size:12px;
	padding:11px 20px 9px 20px;
	border-bottom:solid 1px #AAA;
	color:#fff;
	margin-right:5px;
}
#drawerMenu li p{
	margin-bottom:0;
}


/* index */

#top_controller{
	height:32px;
	width:100%;
	background-color:#DFF3F5;
	padding:0 20px;
	text-align:left;
	vertical-align:middle;
}
#top_controller select{
	margin:5px 0 0 0;
}

/* masonry http://www.webdesignleaves.com/wp/jquery/1340/ */
.wrapper{
	width:100%;
	margin:120px 0 100px 0;
}
.spacer{
	width:100%;
	height:50px;
}
#container{
	width:100%;
	margin:0 auto;
}
.item {
	margin:2px;
	width:236px;
	padding:0;
	opacity:0;
}
.item.x2 {
	width:476px;
}
.item img {
  width: 100%;
}
.item .caption{
	position:absolute;
	margin:0;
	bottom:0;
	background-color:rgba(255,255,255,0.75);
	padding:5px;
	width:100%;
}
.item .caption p{
	margin:0;
	padding:0;
}
.item .caption .name{
	font-weight:bold;
}
.item .caption .size{
	font-size:9px;
}

/* ------------------------------------------- about ------------------------------------------- */
.content{
	width:992px;
	margin:0 auto;
}
#googlemaps {
width:100%;
height:600px;
position:relative;
}

#about_info table{
	width:100%;
}
#about_info table tr td{
	padding:5px 10px;
	vertical-align:middle;
}
#about_info table tr:nth-child(2n-1) td{
	background-color:#DFF3F5;
}

/* ------------------------------------------- item ------------------------------------------- */
#item_container{
	width:992px;
	margin:0 auto;
}
#item_image{
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	max-width:540px;
	height:540px;
	margin:0 auto;
	background-color:#DFF3F5;
}
#item_images{
	float:left;
	width:540px;
}
#item_images img{
	width:100%;
}
#item_images_thumbnail li{
	width:53px;
	height:53px;
	float:left;
	list-style-type:none;
	margin:1px 1px 0 0;
	background-size:cover;
	background-position:center;
}
#item_images_thumbnail li:nth-child(1){
	border:3px solid #194d91;
}
#item_info{
	float:right;
	width:442px;
	padding:30px 10px 0 10px;
}
h2{
	margin:0 0 10px 0;
}
#item_info_table{
	width:100%;
	margin:0;
}
#item_info_form_div{
	padding:15px 10px 60px 10px;
}
h3{
	border-top:3px #194D91 solid;
	border-bottom:2px #194D91 dotted;
	padding:15px;
}
#item_info_form{
	width:100%;
}

#item_info_table tr td,#item_info_form tr td{
	padding:5px 10px;
	vertical-align:middle;
}
#item_info_form input{
	width:100%;
}
#item_info_form textarea{
	width:100%;
	height:150px;
}

#item_info_table tr:nth-child(2n-1) td,#item_info_form tr:nth-child(2n-1) td{
	background-color:#DFF3F5;
}
#item_prText{
	padding:10px;
	line-height:24px;
	margin:0 0 10px 0;
}
#itemMailSubmit{
	cursor:pointer;
	width:100%;
	padding:10px;
	margin-right:20px;
}
#itemMailSubmit:hover{
	color:#fff;
	background-color:#194d91;
}
#mailform_error{
	color:red;
	font-size:12px;
}
.red{
	color:red;
}
footer{
	width:100%;
	background-color:#194d91;
	position:fixed;
	bottom:0;
	left:0;
	padding:10px;
	color:#fff;
	font-size:10px;
}
#footer_menu{
	float:left;
}
#footer_caution{
	float:right;
}