@charset "UTF-8";

/* ===================================
	File Name   : english.css
	Description : English Page Layout CSS
	Editor      : Bface Takahira
	Last Editor : Bface Takahira
	
	Update Description :
	[2013/12/5] 新規作成

====================================== */

/*========== Style Contents ==========

	1. Individual Redefinition
	2. English Top Page Setting
	3. English Message Page Setting
	4. English Business Page Setting
	5. English Access Page Setting
	6. English Contact Page Setting
	*. Clear Fix
	
====================================== */





/*===== ■1. Individual Redefinition =====*/
#english_top #title_area h1 a,
#english_message #title_area h1 a,
#english_business #title_area h1 a,
#english_access #title_area h1 a,
#english_contact #title_area h1 a {
	display: inline-block;
	background: #980000;
	padding: 7px 25px;
	border-left: 3px solid #d5c45f;
	color: #ffffff;
	font-size: 108%;
}





/*===== ■2. English Top Page Setting =====*/
#english_top .section {
	width: 520px;
	min-height: 349px;
	padding: 80px 30px 50px 400px;
	background: url(../img/about/img-about-visual.jpg) no-repeat;
}

#english_top .section p {
	font-size: 124%;
	line-height: 180%;
}





/*===== ■3. English Message Page Setting =====*/
#english_message .section { padding-bottom: 50px;}

#english_message .section span {
	float: left;
	margin-right: 20px;
}

#english_message .section dl {
	float: left;
	width: 670px;
}

#english_message .section dt { margin-bottom: 20px;}

#english_message .section dd p {
	font-size: 108%;
	line-height: 180%;
}





/*===== ■4. English Business Page Setting =====*/
#english_business .section {
	margin-left: 30px;
	padding: 10px 0;
}

#english_business .section dl {
	width: 920px;
	margin-bottom: 30px;
}

#english_business .section dt {
	height: 50px;
	border-left: 5px solid #980000;
	background: url(../img/about/bg-business-title.gif) no-repeat;
}

#english_business .section dt span {
	display: inline-block;
	margin: 15px 20px 0 20px;
}

#english_business .section dt a { display: inline-block;}

#english_business .section dd {
	padding: 20px;
	border-left: 5px solid #e9e0b5;
}

#english_business .section dd p {
	font-size: 108%;
	line-height: 180%;
}

#english_business .section dd p a {
	color: #980000;
	font-size: 100%;
}





/*===== ■5. English Access Page Setting =====*/
#english_access .section {
	margin-left: 30px;
	padding-bottom: 40px;
}

#english_access #mapbox {
	width: 920px;
	height: 500px;
	margin-bottom: 20px;
}

#english_access #access_cpra,
#english_access #access_kadensha {
	float: left;
	width: 430px;
	margin-right: 30px;
}

#english_access #access_kadensha {
	width: 450px;
	margin: 0;
}

#english_access h2 { margin-bottom: 20px;}

#english_access #access_cpra table { width: 430px;}
#english_access #access_kadensha table { width: 450px;}

#english_access table th,
#english_access table td {
	border-bottom: 10px solid #ffffff;
	vertical-align: top;
	font-size: 108%;
}

#english_access table th {
	width: 60px;
	padding: 7px 20px;
	background: #980000;
	color: #ffffff;
}

#english_access table td {
	padding: 5px 0 5px 20px;
	line-height: 180%;
}





/*===== ■6. English Contact Page Setting =====*/
#english_contact #header strong {
	display: block;
	margin-bottom: 20px;
}

#english_contact #contents,
#english_contact #header { width: 850px;}
#english_contact #footer,
#english_contact #contents_inner {
	width: 800px;
	border-top: 2px solid #980000;
}


#english_contact .section {
	margin-left: 30px;
	padding-bottom: 25px;
}

#english_contact p {
	margin-bottom: 20px;
	font-size: 108%;
	line-height: 180%;
}

#english_contact p a,
#english_contact p em {
	color: #980000;
	font-size: 100%;
}

#english_contact p em { font-weight: bold;}

#english_contact table { margin-bottom: 30px;}

#english_contact table th {
	width: 250px;
	padding: 13px 10px 13px 15px;
	border-bottom: 1px solid #fffeeb;
	background: #efe5c7;
	font-weight: bold;
}

#english_contact table th strong {
	float: right;
	color: #980000;
}

#english_contact table th span { font-size: 108%;}

#english_contact table td {
	width: 445px;
	padding: 5px 15px;
	background: #f7f4dd;
	border-bottom: 1px solid #efe5c7;
}

#english_contact table td span { margin: 0 10px;}

#english_contact table tr:last-child th,
#english_contact table tr:last-child td { border: none;}

#english_contact [type="text"],textarea {
    padding: 5px;
    border: 1px solid #e3e3e5;
    border-top: 1px solid #aeaeae;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 93%;
    line-height: 160%;
    font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragio Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic","arial","verdana","Osaka",sans-serif;
}

#english_contact input.form_short { width: 155px;}

#english_contact input.form_long,
#english_contact textarea { width: 430px;}

#english_contact [type="submit"] {
	display: block;
	margin: 0 0 40px 310px;
	padding: 5px 30px;
	border: none;
	background: #980000;
	color: #ffffff;
	font-size: 108%;
	text-align: center;
}

#english_contact [type="submit"]:hover { background: #e66b21;}

#english_contact a#btn_close {
	display: block;
	width: 50px;
	margin-left: 325px;
	padding: 5px 20px;
	background: #cccccc;
	font-weight: bold;
	text-align: center;
}

#english_contact a#btn_close:hover { background: #dddddd;}





/*===== ■*.Clear Fix  =====*/
#english_message .section:after,
#english_access .section:after,
#english_contact table th:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	content: " ";
}