@charset "utf-8";

/*
Theme Name: Kosyo Blog
Description:テーマの説明
Theme URI: テーマの URL
Author: M'z
Author URI: 作った人の URL
Version: バージョン
License: ライセンス
License URI: ライセンスの URL
*/

/*　タグ初期化　
----------------------------------------*/
*{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}
h1,h2,h3,h4,h5,h6,table,caption,th,td{
	font-weight:normal;
	font-style:normal;
}	
a{
	text-decoration:none;
	outline:none;
}
ul{
	list-style-type:none;
}

/*　基本設定　
----------------------------------------*/
body{
	width:100%;
	height:100%;
	color:#333333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	background-color:#ffffff;
}
html{
	height:100%;
}
a{
	color:#333333;
}
a:hover{
	color:#ff9933;
}
#header,div.topImage,#container,#footer div.wrap{
	width:960px;
	margin:0 auto;
}

/*　ヘッダー　
----------------------------------------*/
#header{
	height:130px;
	background-image:url("images/hd_bg.png");
}
#header h1{
	padding:5px 0 0 0;
	font-size:12px;
}
#header div.leftBox{
	width:500px;
	padding:15px 0 0px 0;
	float:left;
}
#header div.rightBox{
	margin:0 0 0 500px;
	padding:15px 0 0 100px;
}

/*　グローバルナビ　
----------------------------------------*/
#globalNav{
	height:45px;
	background-color:#402a21;
	clear:both;
}
#globalNav div.wrap{
	width:960px;
	margin:0 auto;
}
#globalNav ul li{
	margin:0 5px 0 5px;
	float:left;
}
#globalNav ul li a{
	display:block;
	width:150px;
	height:45px;
}
#globalNav ul li.gn01 a{	
	background-image:url("images/gn_home_on.png");
}
#globalNav ul li.gn02 a{
	background-image:url("images/gn_concept_on.png");
}
#globalNav ul li.gn03 a{
	background-image:url("images/gn_works_on.png");
}
#globalNav ul li.gn04 a{
	background-image:url("images/gn_build_on.png");
}
#globalNav ul li.gn05 a{
	background-image:url("images/gn_company_on.png");
}
#globalNav ul li.gn06 a{
	background-image:url("images/gn_contact_on.png");
}

/*　トップイメージ　　
----------------------------------------*/
div.topImage{
	clear:both;
	padding:30px 0 0 0;
}

/*　メイン　　
----------------------------------------*/
#main{
	width:680px;
	float:left;
}
#main div.post{
	margin:0 0 40px 0;
	padding:30px 30px 40px 30px;
	border:solid #dddddd 1px;
	font-size:13px;
}
#main h2.title{
	color:#333333;
	font-size:20px !important;
	line-height:35px;
	margin:0 0 5px 0 !important;
	border:none !important;
	padding:0 !important;
}
#main h2.title a:hover{
	color:#999999;
}
#main div.post p{
	text-align:left;
}
#main div.post img{
	margin:0 0 20px 0;
}

/*　ブログインフォ　　
----------------------------------------*/
#main div.blog_info{
	zoom:1; /* IE */
	color:#666666;
	background-color:#eeeeee;
	font-size:12px;
	padding:5px 5px 5px 5px;
	margin:0 0 30px 0;
}
#main div.blog_info ul{
	margin:0;
}
#main div.blog_info li{
	float:left;
	padding-left:20px;
	margin:0 15px 0 5px !important;
	list-style:none !important;
}
#main div.blog_info li a{
	color:#666666;
}
#main div.blog_info li a:hover{
	color:#333333;
}
#main div.blog_info li.cal{
	background:url(images/icon_cal.png) no-repeat 0 2px;
}
#main div.blog_info li.cat{
	background: url(images/icon_cat.png) no-repeat 0 2px;
}
#main div.blog_info li.tag{
	background: url(images/icon_tag.png) no-repeat 0 2px;
}
	
/*　ボトムナビ　　
----------------------------------------*/
#main div.nav-below{
	margin:20px 0 80px 0;
	overflow:auto;
}
#main div.navigation{
	overflow:auto;
}
#main div.navigation a{
	margin-bottom:10px;
}
#main .nav-previous a, .nav-next a,
#main div.navigation .alignleft a, div.navigation .alignright a{
	color:#333333;
	font-size:12px;
	text-decoration:none;
}
#main .nav-previous a:hover, .nav-next a:hover,
#main div.navigation .alignleft a:hover, div.navigation .alignright a:hover{
	color:#999999;
}			
#main .nav-previous a, div.navigation .alignleft a{
	float:left;
	padding:2px 10px 2px 20px;
	background:url("images/arrow_prev.png") no-repeat left top;
}
#main .nav-next a, div.navigation .alignright a{
	float:right;
	text-align:right;
	padding:2px 20px 2px 10px;
	background:url("images/arrow_next.png") no-repeat right top;
}		

/*　サイドバー　　
----------------------------------------*/
#sideBar{
	width:250px;
	margin:0 0 80px 710px;
	font-size:12px;
}
#sideBar h3{
	background-color:#eeeeee;
	margin:15px 0 10px 0;
	padding:5px 0 3px 10px;
	font-size:13px;
	zoom:1; /* IE */
}
#sideBar a{
	color:#402a21;
}
#sideBar a:hover{
	color:#ff9933;
}
#sideBar .widget-container ul{
	margin:0 0 40px 0;
}
#sideBar .widget-container ul li{
	list-style:url(images/arrow_list.png);
	margin-left:20px;
}
#sideBar ul.sideNav{
	margin:0 0 20px 0;
	line-height:0;
}
#sideBar p.sideBnr{
	margin:0 0 20px 0;
}

/*　カレンダー　　
----------------------------------------*/
#wp-calendar{
	width:100%;
}
#wp-calendar caption{
	color:#333333;
	font-size:14px;
	font-weight:bold;
	padding-bottom:4px;
	text-align:left;
}
#wp-calendar thead{
	font-size:11px;
}
#wp-calendar tbody{
	color:#666666;
}
#wp-calendar tbody td{
	background:#f5f5f5;
	padding:3px 0 2px 0;
	text-align:center;
}
#wp-calendar tbody .pad{
	background:none;
}
#wp-calendar tfoot #next{
	text-align:right;
}

/*　フッター　
----------------------------------------*/
#footer{
	height:320px;
	background-image:url("images/ft_bg02.png");
	background-repeat:repeat-x;
	color:#ffffff;
	clear:both;
}
#footer div.wrap{
	width:960px;
}
#footer div.wrap #footerPic{
	background-image:url("images/ft_bg01.png");
	height:120px;
}
#footer div.wrap #footerPic div.pageTop{
	padding:100px 0 0 840px;
}
#footer div.wrap #footerPic div.pageTop a{
	display:block;
	width:120px;
	height:20px;
	background-image:url("images/pagetop_on.png");
}
#footer div.wrap div.leftBox{
	width:250px;
	height:170px;
	float:left;
	padding:15px 0 0 0;
}
#footer div.wrap div.leftBox p{
	margin:5px 0 0 0 ;
	font-size:12px;
}
#footer div.wrap div.rightBox{
	height:170px;
	padding:15px 0 0 0;
}
#footer div.wrap div.rightBox div.footerNav{
	height:155px;
}
#footer div.wrap div.rightBox div.footerNav ul{
	display:flex;
	flex-wrap: wrap;
}
#footer div.wrap div.rightBox div.footerNav ul li{
	margin:0px 30px 10px 30px;
	font-size:12px;
}
#footer div.wrap div.rightBox div.footerNav ul li a{
	color:#ffffff;
}
#footer div.wrap div.rightBox div.footerNav ul li a:hover{
	color:#ff9933;
}
#footer div.wrap div.rightBox div.copy{
	color:#ffffff;
	font-size:10px;
	text-align:right;
}


/* coordination
----------------------------------------*/

/* margin */
.magl0  {margin-left:0px   !important;}
.magl5  {margin-left:5px   !important;}
.magl10 {margin-left:10px  !important;}
.magl15 {margin-left:15px  !important;}
.magl20 {margin-left:20px  !important;}
.magl30 {margin-left:30px  !important;}
.magl40 {margin-left:40px  !important;}
.magl50 {margin-left:50px  !important;}
.magl100{margin-left:100px !important;}
.magl150{margin-left:150px !important;}

.magr0  {margin-right:0px   !important;}
.magr5  {margin-right:5px   !important;}
.magr10 {margin-right:10px  !important;}
.magr15 {margin-right:15px  !important;}
.magr20 {margin-right:20px  !important;}
.magr30 {margin-right:30px  !important;}
.magr40 {margin-right:40px  !important;}
.magr50 {margin-right:50px  !important;}
.magr100{margin-right:100px !important;}
.magr150{margin-right:150px !important;}

.magt0  {margin-top:0px   !important;}
.magt5  {margin-top:5px   !important;}
.magt10 {margin-top:10px  !important;}
.magt15 {margin-top:15px  !important;}
.magt20 {margin-top:20px  !important;}
.magt30 {margin-top:30px  !important;}
.magt35 {margin-top:35px  !important;}
.magt40 {margin-top:40px  !important;}
.magt50 {margin-top:50px  !important;}
.magt100{margin-top:100px !important;}
.magt150{margin-top:150px !important;}

.magb0  {margin-bottom:0px   !important;}
.magb5  {margin-bottom:5px   !important;}
.magb10 {margin-bottom:10px  !important;}
.magb15 {margin-bottom:15px  !important;}
.magb20 {margin-bottom:20px  !important;}
.magb30 {margin-bottom:30px  !important;}
.magb40 {margin-bottom:40px  !important;}
.magb50 {margin-bottom:50px  !important;}
.magb100{margin-bottom:100px !important;}
.magb150{margin-bottom:150px !important;}


/* padding */
.padl0  {padding-left:0px   !important;}
.padl5  {padding-left:5px   !important;}
.padl10 {padding-left:10px  !important;}
.padl15 {padding-left:15px  !important;}
.padl20 {padding-left:20px  !important;}
.padl30 {padding-left:30px  !important;}
.padl40 {padding-left:40px  !important;}
.padl50 {padding-left:50px  !important;}
.padl100{padding-left:100px !important;}
.padl150{padding-left:150px !important;}

.padr0  {padding-right:0px   !important;}
.padr5  {padding-right:5px   !important;}
.padr10 {padding-right:10px  !important;}
.padr15 {padding-right:15px  !important;}
.padr20 {padding-right:20px  !important;}
.padr30 {padding-right:30px  !important;}
.padr40 {padding-right:40px  !important;}
.padr50 {padding-right:50px  !important;}
.padr100{padding-right:100px !important;}
.padr150{padding-right:150px !important;}

.padt0  {padding-top:0px   !important;}
.padt5  {padding-top:5px   !important;}
.padt10 {padding-top:10px  !important;}
.padt15 {padding-top:15px  !important;}
.padt20 {padding-top:20px  !important;}
.padt30 {padding-top:30px  !important;}
.padt40 {padding-top:40px  !important;}
.padt50 {padding-top:50px  !important;}
.padt100{padding-top:100px !important;}
.padt150{padding-top:150px !important;}

.padb0  {padding-bottom:0px   !important;}
.padb5  {padding-bottom:5px   !important;}
.padb10 {padding-bottom:10px  !important;}
.padb15 {padding-bottom:15px  !important;}
.padb20 {padding-bottom:20px  !important;}
.padb30 {padding-bottom:30px  !important;}
.padb40 {padding-bottom:40px  !important;}
.padb50 {padding-bottom:50px  !important;}
.padb100{padding-bottom:100px !important;}
.padb150{padding-bottom:150px !important;}

.txt08{font-size:0.8em !important;}
.txt09{font-size:0.9em !important;}
.txt12{font-size:1.2em !important;}

.txt13{font-size:1.3em !important;}
.txt14{font-size:1.4em !important;}
.txt15{font-size:1.5em !important;}
.txt16{font-size:1.6em !important;}
.txt17{font-size:1.7em !important;}
.txt18{font-size:1.8em !important;}
.txt19{font-size:1.9em !important;}
.txt20{font-size:2em !important;}