@charset "UTF-8";

/* =======================================================
	TOP CSS - modified on 09.10.16
	written by GRAM | グラム
	http://www.brooklyn.jp/
	
	01 BASE LAYOUT SETTING
	02 CONTENT AREA SETTING
	03 SIDE AREA SETTING
	04 UTILITIES
======================================================= */



/* =======================================================
	01 BASE LAYOUT SETTING
======================================================= */



#container.company {
	margin: 15px 0 0;
}
.company #content {
	width: 702px;
	height: auto;
	float: left;
	background: url(../../../imgs/layout/content_middle.jpg) top left repeat-y;
}
.company #content #content_wrapper {
	width: 702px;
	height: auto;
	margin: 0;
	padding: 20px 0 20px 22px;
	background: url(../../../imgs/layout/content_child_top.jpg) top left no-repeat;
}
.company #content #content_bottom {
	width: 694px;
	height: 5px;
	background: url(../../../imgs/layout/content_bottom.jpg) bottom left no-repeat;
}


.company #page_title {
	width: 650;
	height: 63px;
	text-indent: -5000em;
	margin: 5px 0 30px;
	background: url(../../../imgs/title/page_title_company.jpg) left top no-repeat;
}


.company .top_content01,
.company .top_content02,
.company .top_content03 {
	width: 630px;
	margin-bottom: 25px;
}
	


/* =======================================================
	02 CONTENT AREA SETTING
======================================================= */



.content_company_title01,
.content_company_title02,
.content_company_title03 {
	width: 650px;
	height: 35px;
	margin: 0 0 20px 0;
	text-indent: -5000em;
}
.content_company_title01 {
	background-image: url(../../../imgs/title/title_company01.jpg);
}
.content_company_title02 {
	background-image: url(../../../imgs/title/title_company02.jpg);
}
.content_company_title03 {
	background-image: url(../../../imgs/title/title_company03.jpg);
}


.company .content_box {
	width: 615px;
	height: auto;
	margin: 10px 0 0 15px;
}

.company .content_box p {
	margin-bottom: 16px;
}

.company .blue_box {
	width: 585px;
	height: auto;
	margin: 10px 0 0 15px;
	padding: 10px;
	border: 5px solid #D4E1F9;
}
	.blue_box p {
		margin: 0 0 10px;
	}

.company .question_box {
	width: 605px;
	height: auto;
	margin: 10px 0 0 15px;
}
	.question_box h5 {
		margin: 0 0 10px;
		padding: 3px 0 5px 16px;
	}


.btn_contact {
	width: 256px;
	height: 59px;
	margin: 30px 0 20px 200px;
	text-indent: -5000em;
	overflow: hidden;
}
.btn_contact a {
	height: 59px;
	display: block;
	background: url(../../../imgs/ui/btn_contact.jpg) 0 0;
}
.btn_contact a:hover {
	background-position: 0 -59px;
}



/* =======================================================
	03 SIDE AREA SETTING
======================================================= */



.side_title01,
.side_title02,
.side_title03 {
	width: 240px;
	height: 35px;
	margin: 0 0 15px;
	text-indent: -5000em;
}
.side_title01 {
	background-image: url(../../../imgs/title/side_title01.jpg);
}
.side_title02 {
	background-image: url(../../../imgs/title/side_title02.jpg);
}
.side_title03 {
	background-image: url(../../../imgs/title/side_title03.jpg);
}


/* side content 01 */
.mobile_window {
	width: 200px;
	height: 162px;
	margin: 0 0 25px 15px;
}
.mobile_window img {
	padding: 5px;
	background-color: #FFF;
}


/* side content 02 */
.pickup_window {
	width: 210px;
	height: auto;
	margin: 0 auto 15px;
}
.pickup_window ul li {
	margin: 0 0 15px;
}
.pickup_window ul li a:hover {
	text-decoration: none;
}
.pickup_window ul li a:hover span {
	text-decoration: underline;
}


/* side content 03 */
.link_banner_large {
	width: 202px;
	margin: 15px auto 5px;
}
.link_banner_small {
	width: 146px;
	margin: 5px auto;
}
.verisign {
	width: 96px;
	height: 75px;
	margin: 5px auto;
}



/* =======================================================
	04 UTILITIES
======================================================= */