/* 
style CSS
Last Updated: 2013-12-20
*/

/* ----------------------- 全 体 */
html{
	font-family:'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ ゴシック',sans-serif;
	font-size: 12px;
	color: #434343;
	-webkit-text-size-adjust:100%;
}

img{ vertical-align: bottom; }
a{ color: #4478b7; }
a:hover{ color: #2c94e5; }

.text_12{
	font-size:12px !important;
}
.text_14{
	font-size:14px !important;
}

.text_34{
	font-size:34px !important;
}
.text_red{
	color:#d34418 !important;
}
.error{
	color:#d34418 !important;
}

.text_nevy{
	color:#00479d !important;
}

.bold{
	font-weight:bold;
}
.m_b10{
	margin-bottom:10px;
}
.m_b20{
	margin-bottom:20px;
}
.m_b30{
	margin-bottom:30px;
}
.m_b40{
	margin-bottom:40px;
}
.m_b50{
	margin-bottom:50px;
}
.m_b60{
	margin-bottom:60px;
}
.m_b80{
	margin-bottom:80px;
}
.m_b100{
	margin-bottom:100px;
}

/* ----------------------- 共通 */

.main_contact{
	text-align:center;
}
.btn_contact{
	/*position:relative;
	z-index:1;*/
}
.dm_tokuten{
	/*position:relative;
	margin:0 0 -17px 0;
	z-index:2;*/
}
.ttl{
	clear:both;
	font-size:18px;
	padding:19px 0 0 55px;
	background:url("../images/common/ttl_icon.gif") left no-repeat;	
	height:30px;
	margin:0 0 20px 0;
	color:#000;
}
.ttl.m_t{
	margin:20px 0 20px 0 !important;
}
#bread{
	font-size:10px;
	margin:10px 0 15px 0;
}
.btn_c{
	clear:both;
	text-align:center;
}

.content_box p{ /*1列*/
	padding:0 0 10px 10px;
	line-height:1.6;
	font-size:14px;
}
.content_box ul{
	margin:8px 0 20px 0;
}
.content_box li{
	color:#00479d;
	font-size:16px;
	margin:0 0 0 35px;
	line-height:1.4;
}
.content_box li span{
	color:#000;
	font-size:12px;
}

.contentbox_l{ /*2列*/
	float:left;
	width:330px;
	padding:0 10px;
}
.contentbox_l p{
	padding:10px 0 15px 0;
}
.contentbox_l img{
	box-shadow: 0px 1px 5px rgba(0,0,0,.3);
	border:1px solid #dcdcdc;
}
img.noshadow{
	box-shadow:none !important;
	border:none !important;
}
.contentbox_l img.b10{
	margin:0 0 10px 0;
}
.contentbox_l img.r5{
	margin:0 6px 0 0;
}
.contentbox_r{
	float:left;
	width:330px;
}
.contentbox_r p{
	font-size:14px;
	line-height:1.3;
	padding:5px 0 5px 3px;
}
.contentbox_b{ /*下段*/
	float:left;
}
.contentbox_b img{
	box-shadow: 0px 1px 5px rgba(0,0,0,.3);
	border:1px solid #dcdcdc;
	margin:15px 0 25px 10px;
}

.contentbox_r ul{ /*リスト*/
	margin:8px 0 20px 0;
}
.contentbox_r li{
	color:#a2d2ef;
	font-size:16px;
	margin:0 0 0 18px;
	line-height:1.4;
}
.contentbox_r li span{
	color:#000;
	font-size:14px;
}

table{ /*テーブル*/
	width:670px;
	margin:0 0 60px 10px;
	line-height:1.8;
}
th{
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	background:#eee;
	width:175px;
	text-align:left;
	font-weight:normal;
	padding:12px 0 15px 15px;
}
td{
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding:12px 0 10px 20px;
}

/* ----------------------- ヘッダー */

header{
	width:100%;
	border-top:5px solid #00479d;
	height:175px;
}
#header_inner{
	position:relative;
	width:940px;
	margin:0 auto;
	height:124px;
}
#header_inner .logo{
	position:absolute;
	top:20px;
	left:0;
}
h1{
	position:absolute;
	top:15px;
	left:355px;
	font-size:10px;
	color:#a3a3a3;
	font-weight:normal;
}
header p{
	position:absolute;
	top:28px;
	left:355px;
	font-size:10px;
	color:#a3a3a3;
}
#header_inner .tel{
	position:absolute;
	top:52px;
	left:355px;
}
#header_inner .contact{
	position:absolute;
	top:48px;
	right:0;
}
nav ul.p_nav{
	position:absolute;
	top:15px;
	right:0;
}
nav ul.p_nav li{
	float:left;
	padding:0 4px 0 0;
}
nav ul.g_nav{
	width:940px;
	padding:0 10px;
	margin:0 auto;
	height:40px;	
	background:url("../images/common/navi_bg.gif") center no-repeat;	
}
nav ul.g_nav li{
	float:left;
	padding:0 5px;
}
/* ----------------------- レイアウト */
.topslide li{
	list-style: none;
}
#content{
	width:940px;
	padding:0 10px;
	margin:0 auto;
}
#main{
	float:left;
	width:680px;
	margin:0 40px 80px 0;
}
#side{
	float:left;
	width:220px;
	margin:20px 0 80px 0;
}

/* ----------------------- MV */

#under_mv{
	clear:both;
	background:#dff0f2;
	width:100%;
	height:180px;
}
#under_mv_inner{
	position:relative;
	width:940px;
	margin:0 auto;
}
#under_mv_inner p{
	position:absolute;
	left:52px;
	top:88px;
	line-height:1.6;
}

/* ----------------------- topMV */
.topslide li{
 list-style: none;
}
.leftNav,
.rightNav{
 width: 60px;
 height: 60px;
 text-decoration: none;
 font-size: 40px;
 overflow: hidden;
}
.leftNav span,
.rightNav span{
 display: block;
 margin-top:10px;
 margin-left: 12px;
}

/* ----------------------- top */

.top_menu{
	display:inline-block;
	margin:0 0 30px -22px;
}
.top_menu li{
	float:left;
	list-style:none;
	width:212px;
	padding:0 0 20px 22px;
}
.top_menu li img{
	box-shadow: 0px 1px 5px rgba(0,0,0,.3);
	border:1px solid #dcdcdc;
}
.top_menu li p{
	font-size:14px;
	background:url("../images/common/arrow_blue.gif") 2px 10px no-repeat;	
	padding:7px 0 0 8px;
}

/* ----------------------- gallery */

.gallery_photo{
	display:inline-block;
	margin:0 0 30px -22px;
}
.gallery_photo li{
	float:left;
	list-style:none;
	width:212px;
	padding:0 0 20px 22px;
}
.gallery_photo li img{
	box-shadow: 0px 1px 5px rgba(0,0,0,.3);
	border:1px solid #dcdcdc;
	width:210px;
	height:150px;
}

/* ----------------------- web */

.web_price{
	margin:0 0 30px 10px;
}

/* ----------------------- illust */

.illust_kaiketsu{
	float:left;
	padding:0 0 0 10px;
}

/* ----------------------- about */

.about_t_l{
	float:left;
	width:455px;
	padding:0 10px 60px 0;
}
.about_t_l p{
	padding:5px 0 0 13px;
	font-size:14px;
	color:#1b1b1b;
	line-height:1.3;
}
.about_t_r{
	float:left;
	padding:0 0 60px 0;
}
.about_i_l{
	float:left;
	width:220px;
	padding:10px 10px 20px 10px;
}
.about_i_r{
	float:left;
	padding:10px 0 20px 0;
	width:440px;
}
.about_i_r p{
	padding:5px 0 0 0;
	font-size:14px;
	color:#1b1b1b;
	line-height:1.3;
}
.flow_box{
	width:680px;
}
.flow1{
	background:url("../images/about/img_flow01.gif") left top no-repeat;
	min-height:140px;
}
.flow1 p{
	padding:30px 0 0 120px;
	line-height:1.8;
}
.flow2{
	background:url("../images/about/img_flow02.gif") left top no-repeat;
	min-height:150px;
}
.flow2 p{
	padding:0 0 0 120px;
	line-height:1.8;
}
.flow3{
	background:url("../images/about/img_flow03.gif") left top no-repeat;
	min-height:110px;
}
.flow3 p{
	padding:0 0 0 120px;
	line-height:1.8;
}
.flow4{
	background:url("../images/about/img_flow04.gif") left top no-repeat;
	min-height:165px;
}
.flow4 p{
	padding:40px 0 0 120px;
	line-height:1.8;
}
.flow5{
	background:url("../images/about/img_flow05.gif") left top no-repeat;
	min-height:125px;
}
.flow5 p{
	padding:0 0 0 120px;
	line-height:1.8;
}
.flow6{
	background:url("../images/about/img_flow06.gif") left top no-repeat;
	min-height:150px;
}
.flow6 p{
	padding:0 0 0 120px;
	line-height:1.8;
}

/* ----------------------- howto */

.howto{
	margin:0 0 0 20px;
}
.howto li{
	position:relative;
	float:left;
	list-style:none;
	padding:0 5px 5px 0;
	/*cursor:pointer;*/
}
.howto li p{
	position:absolute;
	top:120px;
	left:12px;
	width:195px;
	line-height:1.3;
}


/* ----------------------- contact */

.contact_table{
	margin:0 0 30px 0 !important;
}
.hissu{
	color:#d34418;
}
.contact_form_inner{
	width: auto;
	margin:0 !important;
}
.contact_form_inner td,
.contact_form_inner th{
	border: none;
	background: none;
	padding: 0 0 5px 0;
}
.contact_form_inner th{
	width:80px;
}
.contact_form_inner textarea{
	width: 350px;
	height: 50px;
}
.contact_tel{
	padding:10px 0 60px 50px;
	color:#000;
}
.contact_confirm{
	padding:0 0 20px 10px;
}
.contact_comp_info,
.contact_comp p{
	padding:0 0 20px 10px;
	line-height:1.5;
}
.f1{
	width:400px;
}
.f2{
	width:200px;
}
.f3{
	width:85px;
}
.t1{
	width:450px;
	height:100px;
}
.present_bnr{
	padding:0 0 5px 10px;
}

/* ----------------------- side */

#side p{
	padding:0 0 5px 0;
}
#sidemenu li{
	background:#dff0f2;
	list-style:none;
	display:block;	
}
#sidemenu li.uncar{
	width:198px;
	color:#1b1b1b;
	padding:0 0 15px 22px;
}
#sidemenu li.uncar a{
	text-decoration:none;
	color:#1b1b1b;
	display:block;
}
#sidemenu li.uncar a:hover{
	color: #4478b7;
}
#sidemenu li.contact_btn{
	text-align:center;
	padding:5px 0 10px 0;
}
.menu_end{
	margin:0 0 2px 0;
}
.bnr_area img{
	margin:0 0 3px 0;
}
#side .bnr_area p{
    padding-bottom: 10px;
}

/* ----------------------- footer */

footer{
	clear:both;
	background:#a2d2ef;
	width:100%;
	height:180px;
	text-align:center;
}
#footer_inner{
	width:940px;
	margin:0 auto;
}
nav ul.f_nav{
	padding:10px 0;
    text-align: center;
}
nav ul.f_nav li{
	display: inline;
    line-height: 180%;
	padding:0 4px 0 0;
}
#copyright{
	clear:both;
}
#copyright a{
	color:#FFF;
	text-decoration:none;
}
#copyright a:hover{
	text-decoration:underline;
}

/* ----------------------- privacy */
.privacy p{
    line-height: 160%;
    padding-left: 55px;
    padding-bottom: 40px;
}

/* ----------------------- sitemap */
.sitemap li{
    list-style: none;
    padding-bottom: 10px;
}

/* ----------------------- クラス */

/* 透明度hover */
.op:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

/* テキスト関連 */
.attention{ color: #f00; }
.bold-txt{ font-weight: bold; }