@charset "utf-8";
@import url(common.css);

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*
===== font ==========================================
*/
@font-face {
    font-family: 'roboto-regular';
    src: url('../fonts/roboto-regular.eot'); /* Internet Explorer 4～8 */
    src: url('../fonts/roboto-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular.woff') format('woff'), /* Firefox 3.6+ */
         url('../fonts/roboto-regular.ttf') format('truetype'), /* Firefox 3.5、Chrome、Safari Mobile */
         url('../fonts/roboto-regular.svg#svgId') format('svg'); /* Opera 10+ */
}

@font-face {
    font-family: 'roboto-medium';
    src: url('../fonts/roboto-medium.eot'); /* Internet Explorer 4～8 */
    src: url('../fonts/roboto-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-medium.woff') format('woff'), /* Firefox 3.6+ */
         url('../fonts/roboto-medium.ttf') format('truetype'), /* Firefox 3.5、Chrome、Safari Mobile */
         url('../fonts/roboto-medium.svg#svgId') format('svg'); /* Opera 10+ */
}

@font-face {
    font-family: 'roboto-black';
    src: url('../fonts/roboto-black.eot');
    src: url('../fonts/roboto-black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-black.woff') format('woff'),
         url('../fonts/roboto-black.ttf') format('truetype'),
         url('../fonts/roboto-black.svg#svgId') format('svg'); /* Opera 10+ */
}

@font-face {
    font-family: 'robotocondensed-bold';
    src: url('../fonts/robotocondensed-bold-webfont.eot');
    src: url('../fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-bold-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-bold-webfont.svg#svgId') format('svg'); /* Opera 10+ */
}

/*
===== body ==========================================
*/
html {
    height: 100%;
}



/*
===== body and base setting ===========================
*/
body {
    height: 100%;
    font-family: Tahoma,verdana,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    line-height: 1.8;
    text-align: left;
    color: #242121;
    letter-spacing: 1px;
}
body.fontS {
    font-size: 1em;
}
body.fontL {
    font-size: 1.3em;
}

/*
===== Link ==========================================
*/
a:link {
    color: #595757;
    text-decoration: underline;
}
a:visited {
    color: #595757;
    text-decoration: underline;
}
a:hover {
    color: #949494;
    text-decoration: underline;
}
a:active {
    color: #949494;
    text-decoration: underline;
}

hr {
height: 1px;
background-color: #eeeeee;
border: none;
color: #eeeeee;
}

/********************************************************************************************************************************************************************
　○ヘッダー設定
********************************************************************************************************************************************************************/
#header { width:100%; height:62px; background-color:#FFFFFF; }
#hed_in_left { width:60px; float:left; }
#hed_in_center {
	width:5%;
	height:60px;
	float:left;
	padding:0 0 0 43%; }
#ctrl {
	width:20%;
    float:right; 
}

#ctrl p {
    float: right;
    height: 31px;
    padding: 20px 10px 0 10px;
    margin: 0 0 0 15px;
    overflow: hidden;
    *zoom: 1;
}
#ctrl p a {
    display: inline-block;
    height: 31px;
    position: relative;
    overflow: hidden;
    *display: inline;
    *zoom: 1;
}
#ctrl img {
    *zoom: 1;
    vertical-align: top;
}
#ctrl p a img {
    position: relative;
}

#change_lang {
/*
    display: none;
*/
}

/********************************************************************************************************************************************************************
　○コンテンツ
********************************************************************************************************************************************************************/

#wrapper {
    margin: 0 auto;
    padding: 0;
    background-image: url(../img/left_bk.jpg);
	background-repeat: repeat-y;
	background-position: right;
background-attachment: fixed;
}

#cp_01_top_ttl {
    width:100%;
	padding:30px 0;
	text-align:center;
	display:block;
	background-color:#ebebeb; }]
.topttl01 {
	width:1024px;
	display:block;
	margin:0 auto;
	text-align:center; }

#main_v {
	width:100%;
	margin-bottom:70px;
	background-color:#ebebeb;
	font-size: 1em; }
#main_v_l {
	width:70%;
	float:left;
	margin-bottom:30px; }
#main_v_r {
	width:30%; float:right; }
.top_b_01 {
	width:90%;
	padding:5% 5% 5% 5%;
	background-color:#000000; }
.top_b_02 {
	width:90%;
	padding:5%;
	background-color:#ebebeb; }
.cp_ttl_t01 {
	display:block;
	margin:5% 0; }
.cp_01_text01 {
	color:#FFFFFF;
	padding:5% 0;
	display:block; }
.cp_01_text02 {
	color:#FFFFFF;
	padding:3% 0;
	display:block; }
.cp_01_text02 a {
	color:#FFFFFF;
	text-decoration:none;
	display:block; }
.cp_01_text03 {
	color:#000000;
	padding:5% 0;
	display:block; }
.cp_01_text04 {
	color:#757575;
	padding:5% 0;
	display:block;
	font-size:12px;
	font-style: italic; }
#main {
	width:100%;
	margin: 0;
	padding: 0 0 20px;
    overflow: hidden; }
.main_in {
	width:1024px;
	margin:0 auto; 　}
.main2_in {
	width:1024px;
	margin:0 auto; 
	margin-bottom: 125px;}
.cp_02_ttl_b {
	width:1024px;
	margin-bottom:25px; }
.cp_02_ttl {
	width:520px;
	float:left;}
.cp_02_top_l {
	width:440px;
	padding:65px 15px 0 5px;
	color:#707070;
	float:right;
    font-size: 12px;
}
.cp_02_ct {
	width:520px;
	float:left;
}
.cp_02_ct dl {
    width:520px;
	display:block;
}
.cp_02_ct dt {
    float:left;
    clear:left;
    width:60px; 
	}
.cp_02_ct dd {
  float:left;
  width:460px;
  margin:0 0 30px 0;
}
.cp_02_image_b {
	width:470px;
	float:right;
} 
.cp_02_pt1 {
	color:#868686;
	text-align:right;
	font-size:11px;
	margin-bottom:20px; }
.cp_02_pt2 {
	width:219px;
	color:#868686;
	margin:0 20px 0 0; 
	float:left;
	text-align:right;
	font-size:11px; }
.cp_02_pt3 {
	width:230px;
	color:#868686;
	margin:0 0 0 0; 
	float:left;
	text-align:right;
	font-size:11px; }
.cp_03_ttl_b {
	width:1024px;
	padding-bottom:0px; }
.cp_03_ttl {
	width:71px;
	float:left;}
.cp_03_top_l {
	width:945px;
	padding:70px 0 0 0;
	color:#707070;
	float:right;
}
.cp_03_ct {
	width:490px;
	margin-right:44px;
	float:left;
}
.cp_03_ct dl {
    width:490px;
	display:block;
}
.cp_03_ct dt {
    float:left;
    clear:left;
    width:60px; 
	}
.cp_03_ct dd {
  float:left;
  width:430px;
  margin:0 0 30px 0;
}

.cp_03_ct_l {
	width:490px;
	float:left;
}
.cp_03_ct_l dl {
    width:490px;
	display:block;
}
.cp_03_ct_l dt {
    float:left;
    clear:left;
    width:60px; 
	}
.cp_03_ct_l dd {
  float:left;
  width:430px;
  margin:0 0 30px 0;
}

.cp_03_pt_b {
	width:500px;
	clear:both; }
.cp_03_pt1 {
	width:176px;
	color:#868686;
	margin:0 20px 0 20px; 
	float:right;
	text-align:right;
	font-size:11px; }
.cp_04_ttl_b {
	width:1024px; }
.cp_04_ttl {
	width:71px;
	float:right;}
.cp_04_top_l {
	width:929px;
	padding:70px 0 0 0;
	color:#707070;
	float:left;
}
.cp_04_ct {
	width:730px;
	margin-right:20px;
	float:left;
}
.cp_04_ct dl {
    width:730px;
	display:block;
}
.cp_04_ct dt {
    float:left;
    clear:left;
    width:60px; 
	}
.cp_04_ct dd {
  float:left;
  width:670px;
  margin:0 0 30px 0;
}
.cp_04_pt_b {
	width:250px;
	float:right;}
.cp_04_pt1 {
	color:#868686;
	text-align:right;
	font-size:11px;
}

#ft_prpf {
	width:100%;
	background-color:#ebebeb; }
.ft_prof_ttl {
	width:160px;
	display:block;
	margin:0 auto;
	text-align:center;
	padding:70px 0 30px 0; }
.ft_prof_in {
	width:1024px;
	margin: 0 auto;
    overflow: hidden;
	padding:30px 0 70px 0;
    zoom: 1; }
.prof_box {
	float: left;
    margin: 0 10px 10px 10px;
    width: 320px;
    display: inline; }
.prof_work {
	width:330px;
	font-weight:bold;
	font-size:11px;
	padding:10px 0;
	margin-bottom:10px;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	text-align:center; }
.prof_phot {
	width:320px;
	height:195px;
	border:5px solid #FFFFFF; }
.prof_name {
	font-size:18px;
	margin-top:10px; }
.prof_name_e {
	font-size:10px;
	padding-left:10px;
	color:#6f6f6f;
	 }
.prof_ditail {
	font-size:12px;
	margin-top:10px;
	 }
.gotop_in {
	width:1024px;
	margin:0 auto; }
.gotop { 
    width:180px;
	margin:0px 0 40px 824px;
	display:block;
	text-align:left; }	
	


/*
===== #footer ==========================================
*/
#footer {
	bottom: 0;
	width: 100%;
	margin: 0 auto;
	height: 126px;
	z-index: 90;
	background-color: #fff;
	background-image: url(../img/bg_footer.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#footerInner {
    position: relative;
    width: 960px;
    padding: 0 10px;
    margin: 0 auto;
    height: 110px;
}
#footer img {
    vertical-align: bottom;
}
#btn_pagetop {
    position: absolute;
    top: -42px;
    right: 0;
}
#f_navi {
    position: absolute;
    left: 0;
    top: 45px;
    width: auto;
    font-size: 13px;
    display: table;
}
#f_navi li {
    display: table-cell;
    *display: inline;
    *zoom: 1;
    padding: 0 20px 0 0;
    letter-spacing: normal;
    margin: 0 25px 0 0;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    font-size: 13px;
}
#f_navi li a {
	padding: 0 0 0 16px;
	text-decoration: none;
	letter-spacing: 1px;
	height: 16px;
	line-height: 16px;
	font-size: 13px;
	background-image: url(../img/ft_icon.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

#f_info {
    position: absolute;
    right: 0;
    bottom: 10px;
    color: #595757;
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
}
#copyright {
    position: absolute;
    left: 0;
    bottom: 10px;
    color: #8e8e8e;
    font-family: "roboto-regular";
    font-size: 10.6px;
    letter-spacing: 0.5px;
    line-height: 12px;
}



/*メニュー*/
#filter{ width: 100%; height: 100%; position: absolute; display: none; z-index: 3;
    background: #000;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);        /* ie 6 7 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
}

#left{ width: 350px; height: 100%; background: #000; position: absolute; top: 0; left: -350px; z-index: 5; }
#menu{ background: #000; position: absolute; top: 90px; left: 0px; z-index: 7; }
#menu li{ margin-bottom: 20px; }
#menu li a{ color: #fff; font-size: 14px; text-decoration: none; }
#menu li a:hover{ color: #ccc; }



/*写真フェード*/
.img_box{ position: relative; }
.img_box img{ position: absolute; top: 0; left: 0; }


.cp_02_image_b{ position: relative; margin-bottom:40px; }

#img1_1{ position: absolute; top: 0; left: 0; }
#img1_2{ position: absolute; top: 525px; left: 0; }
#img1_3{ position: absolute; top: 525px; left: 240px;  }

#tx1_1{ position: absolute; top: 478px; right: 0; font-size:11px; color:#868686; }
#tx1_2{ position: absolute; top: 680px; left: -2px; font-size:11px; color:#868686; }
#tx1_3{ position: absolute; top: 680px; left: 242px; font-size:11px; color:#868686; }


.cp_03_pt_b{ position: relative; }

#img2_2{ position: absolute; top: 30px; left: 90px; }
#img2_3{ position: absolute; top: 30px; left: 300px; }

#tx2_1{ position: absolute; top: 445px; right: 8px; font-size:12px; color:#868686; }
#tx2_2{ position: absolute; top: 165px; left: 90px; font-size:11px; color:#868686; }
#tx2_3{ position: absolute; top: 165px; left: 302px; font-size:11px; color:#868686; }


.cp_04_pt1{ position: relative; }

#img3_2{ position: absolute; top: 50px; left: 0px; }

#tx3_2{ position: absolute; top: 270px; left: 38px; font-size:11px; color:#868686;}

#tx4_1{ font-size:11px; color:#868686;}

#tx5_1{ font-size:11px; color:#868686;}