@charset "UTF-8";
/*
Theme Name: tokotowa
Description: tokotowa original theme
Author: assemble
Author URI: http://asmbl.jp/
Version: 1.0
*/

/* ----- GLOBAL ----- */
body{
	color:#000;
	letter-spacing:1px;
	font-size:12px;
	width:100%;
	font-family:'Gill Sans W01 Book', sans-serif;
	-webkit-text-size-adjust: 100%;
	word-break:break-all;
}
a{
	color:#000;
	letter-spacing:1px;
	font-family:'Gill Sans W01 Book', sans-serif;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
#container{
	margin:60px auto 100px;
	width:1024px;
}
li.active{
	font-family:'Gill Sans W01 Book', sans-serif;
	text-decoration:underline;
}
.copyright{
	font-size:10px;
	text-align:right;
}
.top_copyright{
	font-size:10px;
}

/* ----- TOP ----- */
#top_container{
	margin:0 auto;
	width:80%;
	margin-top:510px;
}
#top_menu{
	width:924px;
}
#top_nav{
	float:left;
	width:410px;
	margin-right:130px;
}
nav #nav_left,
#top_nav #nav_left{
	float:left;
	width:141px;
	margin-right:160px;
}
#top_nav h1{
	margin-bottom:100px;
}
nav ul li,
#top_nav ul li{
	margin-bottom:24px;
}
#links{
	float:left;
	width:280px;
	margin-right:60px;
}
#top_news{
	margin-right:40px;
	margin-bottom:40px;
	width:290px;
}
#top_news li{
	margin-bottom:10px;
}
#top_news a{
	margin-left:10px;
}
#top_bnr{
	float:left;
	width:260px;
	margin-right:50px;
}
#top_social{
	float:left;
	width:42px;
}
#top_social ul{
	height:15px;
}
#top_social li span,
#social li span{
	visibility:hidden;
}
#top_social li.insta a,
#social li.insta a{
	height:15px;
	width:15px;
	display:block;
	margin-bottom:15px;
	float:left;
	background:url(images/global/icon_insta.png) no-repeat;
}
#top_social li.fb a,
#social li.fb a{
	height:15px;
	width:15px;
	float:right;
	display:block;
	background:url(images/global/icon_fb.png);
}
#top_social li.insta a:hover,
#top_social li.fb a:hover,
#social li.insta a:hover,
#social li.fb a:hover{
	background-position:0 -15px;
}


/* ----- about ----- */
nav #nav_middle{
	float:left;
	width:400px;
}
nav #nav_right{
	float:right;
	width:120px;
}
nav .list_l{
	float:left;
	width:110px;
	margin-right:100px;
}
nav .list_r_one{
	float:left;
	width:110px;
	margin-top:36px;
}
nav .list_r_two{
	margin-top:36px;
}
#social{
	margin-top:128px;
	width:42px;
	margin-left:77px;
}
#article_title{
	font-size:14px;
	margin:50px auto;
	background:url(images/global/title_border.gif) repeat-x 0 6px;
}
#article_title h2{
}
#article_title h2 span{
	background-color:#fff;
	padding-right:10px;
}
.about{
	margin-bottom:75px;
}
.about_img{
	margin-bottom:50px;
}
.about .title_left{
	width:200px;
	float:left;
	margin-right:220px;
}
.about .title_left img{
	margin-bottom:50px;
}
.about .article_right{
	width:430px;
	float:left;
}
.about .article_right p{
	width:430px;
	line-height:2;
	font-size:12px;
}
.about .article_right h3{
	font-size:20px;
	margin-bottom:50px;
}

/* ----- works ----- */
.works{
	margin-top:50px;
	padding-bottom:50px;
	width:100%;
	overflow:hidden;
}
.works .article_left{
	width:200px;
	float:left;
	margin-right:100px;
}
.works h3{
	font-family:'Gill Sans W01 Book', sans-serif;
	font-size:20px;
	margin-bottom:25px;
}
.works p{
	margin-bottom:50px;
}
.works .size{
	margin-bottom:50px;
}
.works .size li{
	font-size:13px;
	margin-bottom:10px;
}
.materials_one,
.materials_two{
	width:150px;
}
.materials_one .title,
.materials_two .title{
	margin-bottom:10px;
	font-size:10px;
}
.materials_one li,
.materials_two li{
	float:left;
	width:40px;
	margin-right:5px;
	margin-bottom:5px;
}
.materials_one{
	margin-bottom:25px;
}
.works .article_right{
	width:550px;
	float:left;
}

/* ----- info ----- */
.info{
	margin-bottom:50px;
}
.info .article_left{
	width:200px;
	float:left;
	margin-right:100px;
}
.info .article_right{
	width:430px;
	float:left;
}
.info .article_right h4{
	font-size:14px;
	margin-bottom:25px;
}
.info .article_right img{
	margin-bottom:25px;
}
.info .article_right p{
	line-height:2;
}
.info .article_right a{
	text-decoration:underline;
}


/* ----- order ----- */
.order{
	margin:100px auto;
	padding-bottom:100px;
	border-bottom:1px solid #EAE0D6;
}
.order .article_center{
	margin-top:100px;
	text-align:center;
}
.order .title_left{
	float:left;
	width:250px;
	height:180px;
	margin-right:50px;
}
.order .title_left_2{
	float:left;
	width:250px;
	margin-right:50px;
}
.order .title_left h3,
.order .title_left_2 h3{
	font-size:16px;
}
.order .article_right{
	width:900px;
}
.order .article_right p{
	font-size:13px;
	line-height:2;
}
.order .article_right h3{
	font-size:16px;
	margin-bottom:35px;
}
.order .article_right a{
	text-decoration:underline;
	margin-bottom:25px;
}
.order:last-child{
	border:none;
	padding:0;
	line-height:2;
}


/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}