@charset "utf-8";
/*==============================

site:opklog
master:opk shinbishi
url:http://opk-log.com

==============================*/
/*==============================
	common
==============================*/
#contents h3.common_sub_title{
	font-size:16px;
	padding:10px;
	border-bottom:dotted 1px #000;
}

h3.common_side_title{
	font-size:16px;
	padding:10px;
	border-bottom:dotted 1px #000;
}

@media screen and (min-width: 641px) {/*PC*/
#contents h2.common_title{
	font-size:20px;
	padding:10px;
	margin-top:20px;
	color:#2d2d2d;
}

#common_area{
}

#common_side_left{
	float:left;
	height:100%;
	width:200px;
}

#common_side_right{
	margin-left:220px;
}

#common_side_right .text_left{
	text-align:left;
}

#common_side_right .contents_text_area{
	border-bottom:none;
}
}

@media screen and (max-width: 640px) {/*スマホ*/
#contents h2.common_title{
	font-size:16px;
	padding:10px;
	color:#fff;
	background-color:#2d2d2d;
}

#common_area{
}

#common_side_left{
}

#common_side_right{
}

#common_side_left h3.common_side_title{
	font-size:16px;
	padding:10px;
	border-bottom:dotted 1px #000;
	background-color:#f2f2f2;
	color:#434343;
	position: relative;
}

#common_side_left h3.common_side_title:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 0;
	height: 0;
	margin: -3px 0 0 0;
	border-top: 8px solid #434343;
	border-left: 8px solid transparent;
	-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
}
}


@media screen and (min-width: 641px) {/*PC*/
}
@media screen and (max-width: 640px) {/*スマホ*/
}

/*==============================
	ABOUT
==============================*/
.about_list{
	font-size:14px;
	padding:10px;
	margin-bottom:20px;
}

.about_list ul li{
	margin-bottom:10px;
}

.about_list ul li .left{
	float:left;
	width:80px;
}

.about_list ul li .right{
	margin-left:100px;
	font-size:14px;
	line-height:150%;
}


/*==============================
	MAIN
==============================*/
.right_image{
	text-align:center;
}

@media screen and (min-width: 641px) {/*PC*/
.main_smn_area h4{
	padding:10px 15px;
	border-bottom:solid 1px #ccc;
}

.main_smn_area ul{
	overflow:hidden;
	margin:10px 0px 0px 10px;
	padding-bottom:5px;
	border-bottom:solid 1px #ccc;
	font-size:14px;
	line-height:150%;
}

.main_smn_area ul li{
	margin:0px 5px 2px 0px;
}

.main_smn_area ul li img{
	width:30px;
	height:30px;
}
}

@media screen and (max-width: 640px) {/*スマホ*/
.main_smn_area{
	display:none;
}

.main_smn_area h4{
	padding:10px 15px;
	border-bottom:solid 1px #ccc;
	position: relative;
}

.main_smn_area h4:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 0;
	height: 0;
	margin: -3px 0 0 0;
	border-top: 8px solid #9c82ce;
	border-left: 8px solid transparent;
	-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
}

.main_smn_area ul{
	margin:0px 0px 0px 0px;
	display:none;
	border-bottom:solid 1px #ccc;
	font-size:14px;
	line-height:150%;
}

.main_smn_area ul li{
	position: relative;
	border-bottom:solid 1px #ccc;
}
.main_smn_area ul li:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 0;
	height: 0;
	margin: -3px 0 0 0;
	border-top: 6px solid #9c82ce;
	border-left: 6px solid transparent;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}

.main_smn_area ul li:last-child{
	border-bottom:none;
	}

.main_smn_area ul li a{
	display:block;
	padding:10px 20px;
	text-decoration:none;
}

.contents_text_area.top{
	padding:10px;
}
}


/*==============================
	CONTACT
==============================*/
#form_text .contents_text_area{
	text-align:left;
}

#form{
	margin-left:10px;
	font-size:14px;
}

#form p{
	margin-bottom:10px;
	text-align:left;
}

#form input,
#form textarea{
	-webkit-appearance: none;
	border-radius: 0;
	border:solid 1px #cbcbcb;
	padding:10px;
}

#form input[type="submit"],
#form input[type="reset"],
#form input[type="button"]{
	font-family: Questrial, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	background-color:#f0f0f0;
	}

#form textarea{
	margin-bottom:10px;
}

#form input:focus,
#form textarea:focus{
	background-color:#f6f5f1;
}

#form .contact_check{
	text-align:center;
	border:solid 1px #d03340;
	margin:10px 10px 10px 0px;
	padding:10px;
	color:#d03340;
	}

#form table.formTable{
	width:100%;
	margin:0 auto 20px;
	border-collapse:collapse;
}

#form table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}

#form table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}