@charset "utf-8";

/*ベースのCSSの設定
----------------------------------------------------------------*/

/*ベースの要素の設定をリセット*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
img {border:0;vertical-align: top;}
sub {vertical-align:bottom;}

/*Table*/
table {border-collapse:collapse;border-spacing:0;}  
table,th,td {margin:0;padding:0;font-weight:normal;}

/*サイト全体の基本情報の設定*/
body {
	background-color:#DADADA;
	position:relative;
	font-size:62.5%;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	line-height:2;
}

/*リンクの装飾の設定*/
a {outline:none;text-decoration:underline;}

a:hover {text-decoration:none;}

ul, ol {list-style: none;}

.clearfix:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

* html .clearfix {zoom:1;}
*:first-child+html .clearfix {zoom:1;}


/*レイアウト基本設定
----------------------------------------------------------------*/
body             {}
#header          {width:100%;}
#globalnav       {width:100%;}
#topicpath       {width:100%;}
#contents        {width:100%;}
#footer          {width:100%;}


/*コンテンツ内のフォントサイズの設定*/
#contents {
	font-size:1.4em;
	}

#footer {
	font-size:1.4em;
	}


/*レイアウトの詳細設定
----------------------------------------------------------------*/

/*サイトの幅*/

#header_inner    {}
#contents_inner  {}
#footer_inner    {width:900px;}
#globalnav_inner {}
												 
#contents_main   {}


/*ヘッダーの高さ*/
#header_inner            {height:100px;}

/*グローバルナビの設定*/
#globalnav,
#globalnav_inner,
#globalnav_inner ul li a {height:50px;}
#globalnav               {margin-bottom:0;} /*グローバルナビ下のマージン*/


/*サイドバー設定*/
#sidebar                 {width:200px;float:right;}

/*コンテンツ部設定*/
#contents_main2 {
	float:left;
	width:560px;
	}

.mainimg_sp {
	display:none;
	}


/*文字色・リンク色の設定
----------------------------------------------------------------*/
body {
	color:#303030;
	}

/*リンクの装飾の設定*/
a:link, a:visited, a:active {
	color:#333;
	text-decoration:underline;
}


/*背景色の設定
----------------------------------------------------------------*/
#home,
#works {background-color:#000;}



/*ヘッダーエリアの設定
----------------------------------------------------------------*/
#header {
	background:#000 url(../img/hd-gnavi-bg.png) no-repeat left top
}

#header:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

#header_inner {
	position:relative;
	}

#header_inner:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

#btn {
	display:block;
	background:url(../img/hd-gnavi-btn.png) no-repeat 13px 13px;
	background-size:50% 50%;
	-webkit-background-size: 50% 50%; /* Safari,Google Chrome用 */  
  -moz-background-size: 50% 50%; /* Firefox用 */  
  -o-background-size: 50% 50%; /* Opera用 */  
	
	width:50px;
  height:50px;
	
  position:absolute;
  top:0px;
  left:0px;
  width:50px;
  height:50px;
  margin:0;
  padding:0;
  cursor:pointer;
	
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear; 
	transition: transform 0.2s linear; 
	}


.active_pc {
	-moz-transform: rotate(-90deg) !important;
	-webkit-transform: rotate(-90deg) !important;
	-o-transform: rotate(-90deg) !important;
	-ms-transform: rotate(-90deg) !important;
	transform: rotate(-90deg) !important;
}


/*ロゴ*/
#header_inner .logo {
	float:left;
	margin:15px 20px 0 70px;
	}


/*タイトルの設定
----------------------------------------------------------------*/
	
.title h1 {
	position:absolute;
	top:170px;
	color:#FFF;
	text-align:center;
	width:100%;
	font-size:4em;
	text-transform:uppercase;
	}

.title h2 {
	position:absolute;
	top:230px;
	color:#FFF;
	width:100%;
	text-align:center;
	font-size:1.4em;
	font-weight:normal;
}

#contact .title h1,
#works .title h1,
#blog .title h1,
.single .title h1,
#archive .title h2 {
	position:static;
	line-height:1.2;
	margin:0 0 5px;
	padding:40px 0 0;
	}

#contact .title h2,
#works .title h2,
#blog .title h2,
.single .title h2,
#archive .title h2 {
	position:static;
	line-height:1.2;
	}


#contact .title h1,
#contact .title h2,
#blog .title h1,
.single .title h1,
#archive .title h1,
#blog .title h2,
.single .title h2,
#archive .title h2 {
	background-color:#DADADA;
	color:#333;
	}

/*グローバルナビゲーションの設定
----------------------------------------------------------------*/

/*ナビゲーションの背景を設定*/

#globalnav {}

#globalnav_inner {}

#globalnav_inner:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

#globalnav_inner ul {
  font-size:1.4em;
}

#globalnav_inner ul li {
	float:left;
	border-left:1px solid #808080;
	border-right:1px solid #808080;
	
	/*アニメーションの設定*/
	-moz-transition:0.5s linear;
	-webkit-transition:0.5s linear;
	-o-transition:0.5s linear;
	transition:0.5s linear;
	}

#globalnav_inner ul li + li {
  border-left: none;
  }

#globalnav_inner ul li a {
	display:block;
	padding:17px 15px 5px 15px;
	color:#E6E6E6;
	
	-webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
	
	/*アニメーションの設定*/
	-moz-transition:0.25s linear;
	-webkit-transition:0.25s linear;
	-o-transition:0.25s linear;
	transition:0.25s linear;

	}

#globalnav_inner ul li.btn_contact  {
	margin:20px 0 0 20px;
	width:26px;
	}

#globalnav_inner ul li.btn_contact a {
	background:url(../img/gnavi-contact-bg.png) no-repeat left top;
	background-size:contain;
	height:18px;
	text-indent:-9999px;
	}

#globalnav_inner ul li.btn_blog  {
	margin:15px 0 0 20px;
	width:30px;
	border-right:none;
	}

#globalnav_inner ul li.btn_blog a {
	background:url(../img/gnavi-blog-bg.png) no-repeat left top;
	background-size:contain;
	height:30px;
	text-indent:-9999px;
	}

#globalnav_inner ul li a:link, #globalnav_inner ul li a:visited, #globalnav_inner ul li a:active {
	color:#E6E6E6;
	text-decoration:none;
	}

#globalnav_inner ul li.current-menu-parent a,
#globalnav_inner ul li.current-menu-item a {
	}

#globalnav_inner ul li a:hover {
	background-color:#333;
	}

#globalnav_inner ul li ul.sub-menu {
  display:none; /*サブメニューは最初は非表示にしておく*/
  position: absolute; /*絶対配置にしておかないとうまくいかない*/
  top: 50px;
  left: 0px;
	font-size:1em;
	z-index:100;
}

#globalnav_inner ul li ul.sub-menu li.menu-item {
  width:100%;
}

#globalnav_inner ul li:hover ul.sub-menu {
  display:block; /*マウスオーバー時にサブメニューを表示する*/
}

#globalnav_inner ul li ul.sub-menu li{
	display:block;
	border:none;
  padding:0; /*親メニューのパディングを解除*/
}

#globalnav_inner ul li ul.sub-menu li a {
	background-color:rgba(255,255,255,0.8);
	border-bottom:1px dotted #999; /*ボーダーの指定*/
  border-top: none; /*ボーダートップは重なって太くなるので解除。一番上は ul 要素に指定*/
  padding: 20px 5px;
  color: #333;
  text-align:left;
	text-indent:0px;
	text-decoration: none;
	line-height:1.5;
	height:auto;
}

/*サブメニューで現在表示されているページのリンクの色を変更する*/
#globalnav_inner ul li ul.sub-menu li.current-menu-item a {
	display: block;
	background-color:#F6F6F6;
}

#globalnav_inner ul li ul.sub-menu li a:hover {
	background-color:#FCFCFC;
	}

#toggle {display:none;}

#globalnav_s {display:none;}





/*パンクズの設定
----------------------------------------------------------------*/
#topicpath {
	clear:both;
	margin:0 0 40px;
	font-size:0.846em;
	}

#topicpath:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

#topicpath .topicpath_inner {
	margin:0 auto;
	}

#topicpath .topicpath_inner p {}



/*コンテンツエリアの設定
----------------------------------------------------------------*/
#contents {
	padding:0 0 40px;
	}

#home #contents {
	background:none;
	}

	#contents:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

#contents_inner {
	margin:0 auto;
	padding:70px 0 0;
	}

#contents_inner:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}


#blog #contents_inner,
.single #contents_inner,
#archive #contents_inner{
	width:810px;
	}


/*サイドカラムの設定*/

#sidebar {}

#sidebar ul li p {
	margin:0 0 10px;
	}


#sidebar .bnr_area ul li {
	margin:0 0 15px;
}


/*コンテンツセクションの基本設定*/

#conbox {
	position:relative;
	}

#conbox:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

#conbox h2 {
	margin:0 0 20px;
	font-size:1.5em;
    text-align:center;
	font-weight:normal;
}

#conbox h3 {
	line-height:1.4;
	margin:0 0 5px;
	font-weight:normal;
	}

#conbox h4 {
	font-size:1.2em;
	margin:0 0 5px;
	font-weight:normal;
	line-height:1.6;
	}

#conbox p {
	margin:0 0 1.8em;
}

#conbox table {
	width:100%;
	margin:0 0 30px;
	}

#conbox table tr {}

#conbox table tr.even_row {}

#conbox table th {
	width:90px;
	padding:0 0 20px;
	text-align:left;
	vertical-align:top;
	}

#conbox table td {
	padding:0 0 20px;
	vertical-align:top;
	}

#conbox table td p {
	margin:0;
}

#conbox table td p {
	margin:0;
	}

#conbox table td ol {}

#conbox ul {
	margin:0px 0px 0px 15px;
	}

#conbox ul li {
	margin:0px 0px 5px;
	padding:0;
	list-style:square;
	}

#conbox ol {
	margin:0px 0px 10px 20px;
	list-style-type:decimal;
	}

#conbox ol li {
	margin:0px 0px 10px;
	list-style-type:
	}


/*段落の間隔設定*/
#conbox h3+h3,
#conbox p+h1,
#conbox p+h2,
#conbox p+h3,
#conbox p+h4,
#conbox ul+h3,
#conbox ul+h4,
#conbox ul+h2,
#conbox ul+ol,
#conbox ol+ul,
#conbox ol+h3,
#conbox ol+h2,
#conbox table+h3,
#conbox table+h4,
#conbox ul+table,
#conbox ol+table,
#conbox ol+p,
#conbox ul+p,
#conbox p+ul,
#conbox p+ol {
	margin-top:50px;
	}

#btmcontact p {
	margin-left:-10px;
	}



/*フッターエリア
----------------------------------------------------------------*/
/*ページトップ*/
#pagetop {
	position:fixed;
	right:0px;
	bottom:0px;
	z-index:100;
	}

/*フッターエリアの設定*/
#footer {
	background-color:#000;
	padding:20px 0 0;
	border-top:#4C4C4C;
	color:#B4B4B4;
	}

#footer_inner {
	position:relative;
	margin:0 auto;
	text-align:center;
	}

#footer_inner:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
  }

#footer_inner a:link, #footer_inner a:visited, #footer_inner a:active {
	color:#B4B4B4;
	text-decoration:underline;
}


#footer_inner .information {
	margin:0 0 60px;
	}

#footer_inner h2 {
	margin:0 0 20px;
	}

#footer_inner .address {
	margin:0 0 40px;
	padding:0;
	color:#00A5AD;
	}

.copyright {
	margin:0 0 40px;
	line-height:1.4;
	}

#footer_inner #footer_nav ul {
	margin:0 0 10px;
	text-align: center;
	font-size:0;
	}

#footer_inner #footer_nav ul li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding:0 10px;
	border-left:1px solid #00A5AD;
	border-right:1px solid #00A5AD;
	line-height:1.1;
	font-size:14px;
	}

#footer_inner #footer_nav ul li + li {
  border-left: none;
  }

#footer_inner #footer_nav ul li a:link, #footer_inner #footer_nav ul li a:visited, #footer_inner #footer_nav ul li a:active {
	color:#00A5AD;
	text-decoration:none;
}

#footer_inner #footer_nav ul li a:hover {
	text-decoration:underline;
}


#footer_inner .sns {}

#footer_inner .sns ul {
   text-align:center;
   font-size:0;
}

#footer_inner .sns ul li {
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  padding:0 10px;
}


/*基本設定
----------------------------------------------------------------*/
#conbox .right    {text-align:right;}
#conbox .center   {text-align:center;}
#conbox .f_left   {float:left;}
#conbox .f_right  {float:right;}
#conbox .m_center {margin-left:auto;margin-right:auto;}
#conbox .clr      {clear:both;}


#conbox strong {}

#conbox .bold   {font-weight:bold;}

.border_top  {border-top:1px solid #CDCDCD;}
.border_btm {border-bottom:1px solid #CDCDCD;}

blockquote {
	border:4px solid #CDCDCD;
	margin:0 0 20px;
	padding:20px 50px 10px;
	}

.pc { display:block;}
.sp { display:none;}


#conbox .mt5{margin-top:5px;}#conbox .mt10{margin-top:10px;}#conbox .mt15{margin-top:15px;}#conbox .mt20{margin-top:20px;}#conbox .mt25{margin-top:25px;}#conbox .mt30{margin-top:30px;}#conbox .mt35{margin-top:35px;}#conbox .mt40{margin-top:40px;}#conbox .mt45{margin-top:45px;}#conbox .mt50{margin-top:50px;}#conbox .mt55{margin-top:55px;}#conbox .mt60{margin-top:60px;}
#conbox .mb0{margin-bottom:0px;}#conbox .mb5{margin-bottom:5px;}#conbox .mb10{margin-bottom:10px;}#conbox .mb20{margin-bottom:20px;}#conbox .mb25{margin-bottom:25px;}#conbox .mb30{margin-bottom:30px;}#conbox .mb35{margin-bottom:35px;}#conbox .mb40{margin-bottom:40px;}#conbox .mb45{margin-bottom:45px;}#conbox .mb50{margin-bottom:50px;}#conbox .mb55{margin-bottom:55px;}#conbox .mb60{margin-bottom:60px;}#conbox .mb70{margin-bottom:70px;}#conbox .mb80{margin-bottom:80px;}#conbox .mb90{margin-bottom:90px;}#conbox .mb100{margin-bottom:100px;}
#conbox .pt5{padding-top:5px;}#conbox .pt10{padding-top:10px;}#conbox .pt20{padding-top:20px;}#conbox .pt25{padding-top:25px;}#conbox .pt30{padding-top:30px;}#conbox .pt35{padding-top:35px;}#conbox .pt40{padding-top:40px;}#conbox .pt45{padding-top:45px;}#conbox .pt50{padding-top:50px;}#conbox .pt55{padding-top:55px;}#conbox .pt60{padding-top:60px;}
#conbox .pb5{padding-bottom:5px;}#conbox .pb10{padding-bottom:10px;}#conbox .pb15{padding-bottom:15px;}#conbox .pb20{padding-bottom:20px;}#conbox .pb25{padding-bottom:25px;}#conbox .pb30{padding-bottom:30px;}#conbox .pb35{padding-bottom:35px;}#conbox .pb40{padding-bottom:40px;}#conbox .pb45{padding-bottom:45px;}#conbox .pb50{padding-bottom:50px;}#conbox .pb55{padding-bottom:55px;}#conbox .pb60{padding-bottom:60px;}
#conbox .ml5{margin-left:5px;}#conbox .ml10{margin-left:10px;}#conbox .ml15{margin-left:15px;}#conbox .ml20{margin-left:20px;}#conbox .ml25{margin-left:25px;}#conbox .ml30{margin-left:30px;}#conbox .ml35{margin-left:35px;}#conbox .ml40{margin-left:40px;}#conbox .ml45{margin-left:45px;}#conbox .ml50{margin-left:50px;}#conbox .ml55{margin-left:55px;}#conbox .ml60{margin-left:60px;}
#conbox .mr5{margin-right:5px;}#conbox .mr10{margin-right:10px;}#conbox .mr15{margin-right:15px;}#conbox .mr20{margin-right:20px;}#conbox .mr25{margin-right:25px;}#conbox .mr30{margin-right:30px;}#conbox .mr35{margin-right:35px;}#conbox .mr40{margin-right:40px;}#conbox .mr45{margin-right:45px;}#conbox .mr50{margin-right:50px;}#conbox .mr55{margin-right:55px;}#conbox .mr60{margin-right:60px;}
#conbox .pl5{padding-left:5px;}#conbox .pl10{padding-left:10px;}#conbox .pl15{padding-left:15px;}#conbox .pl20{padding-left:20px;}#conbox .pl25{padding-left:25px;}#conbox .pl30{padding-left:30px;}#conbox .pl35{padding-left:35px;}#conbox .pl40{padding-left:40px;}#conbox .pl45{padding-left:45px;}#conbox .pl50{padding-left:50px;}#conbox .pl55{padding-left:55px;}#conbox .pl60{padding-left:60px;}
#conbox .pr5{padding-right:5px;}#conbox .pr10{padding-right:10px;}#conbox .pr15{padding-right:15px;}#conbox .pr20{padding-right:20px;}#conbox .pr25{padding-right:25px;}#conbox .pr30{padding-right:30px;}#conbox .pr35{padding-right:35px;}#conbox .pr40{padding-right:40px;}#conbox .pr45{padding-right:45px;}#conbox .pr50{padding-right:50px;}#conbox .pr55{padding-right:55px;}#conbox .pr60{padding-right:60px;}
#conbox .ml1em{margin-left:1em;}#conbox .ml2em{margin-left:2em;}#conbox .ml3em{margin-left:3em;}#conbox .ml4em{margin-left:4em;}#conbox .ml5em{margin-left:5em;}#conbox .ml6em{margin-left:6em;}#conbox .ml7em{margin-left:7em;}#conbox .ml8em{margin-left:8em;}#conbox .ml9em{margin-left:9em;}#conbox .ml10em{margin-left:10em;}#conbox .ml11em{margin-left:11em;}
#conbox .ml12em{margin-left:12em;}#conbox .ml13em{margin-left:13em;}#conbox .ml14em{margin-left:14em;}#conbox .ml15em{margin-left:15em;}#conbox .ml16em{margin-left:16em;}#conbox .ml17em{margin-left:17em;}#conbox .ml18em{margin-left:18em;}#conbox .ml19em{margin-left:19em;}#conbox .ml20em{margin-left:20em;}