@charset "utf-8";

/**** reset ****/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed {vertical-align:top;}
hr,legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}
li{list-style-type:none;}

body{
font:16px/1.5 Georgia,"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic",Sans-Serif;
color:#fff;
background:#000000 repeat-x;
}

a {color:#e6d589;text-decoration: none;}
a:hover {color:#c8b96e;}
a:active, a:focus {outline:0;}
a img{border:none;}


/************************************************
/* レイアウト
*************************************************/

/****** 共通 ******/
/* ヘッダー */
#header{
position:relative;
height:90px;
}

/* フッター */
#footer{
clear: both;
padding:10px;
color:#222;
text-align:center;
color:#ccc;
background:url(images/body.png) repeat-x;
}

#mainnav li a, #toTop a, #footer a{color:#fff;}
#mainnav li a:hover, #toTop a:hover, #footer a:hover{color:#ccc;}



/****** トップページ ******/
/* ヘッダー */
#toppage #header{width:100%;}

/* グリッド全体 */
#container{margin:10px auto 30px;}


/****** サブページ ******/
#header{
width:940px;
margin:0 auto;
}

#wrapper{
width:940px;
margin:20px auto;
}

#sidebar{
float:left;
margin:0;
padding-bottom:30px;
}

#main{
float:right;
width:600px;
padding:10px 15px;
margin-bottom:30px;
border:1px solid #353535;
background: #111;
}



/************************************************
/* 共通 ヘッダー
*************************************************/
/****** スローガン ******/
h1#slogan{
position:absolute;
top:10px;
left:0;
font-weight:normal;
font-size:12px;
}
/* トップページ */
#toppage h1#slogan{left:45px;}


/****** ロゴ ******/
p#logo{
position:absolute;
top:30px;
left:0;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
width:600px;
height:100px;
background:url(images/logo.png) no-repeat;
}
/* トップページ */
#toppage p#logo{left:45px;}

p#logo a{
display:block;
width:600px;
height:100px;
}

p#logo a:hover{cursor: pointer;}


/****** 電話番号 ******/
p#tel{
position:absolute;
top:45px;
right:0;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
width:380px;
height:25px;
background:url(images/tel.png) no-repeat;
}



/************************************************
/* 共通 メインナビゲーション
*************************************************/
#mainnav{
position:absolute;
top:10px;
right:0;
}

/* トップページ */
#toppage #mainnav,#toppage p#tel{right:45px;}

#mainnav li{
float:left;
padding-left:20px;
}

#mainnav li a{
padding:5px 0 5px 15px;
background:url(images/mainnav.png) no-repeat 0 50%;
}


/************************************************
/* 共通 ページ上部に戻る
*************************************************/
p#toTop{
clear:both;
float:right;
width:10em;
padding:5px;
-moz-border-radius:3px 3px 0 0;
-webkit-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
text-align:center;
background:#32405f;
}
/* トップページ */
#toppage p#toTop{margin-right:15px;}

*:first-child+html p#toTop{float:none;} /*IE 7*/


/************************************************
/* 共通 サイドバー
*************************************************/
.submenu{
margin:15px 0;
padding-top:15px;
border:1px solid #353535;
background: #111;
}

.submenu h3{
padding:0 10px;
line-height:34px;
color:#ab9c53;
background:url(images/h3.png) no-repeat;
}

.submenu ul,.sidebar p{margin-bottom:10px;}

.submenu li{
padding:0 10px;
border-bottom:1px solid #333;
}

.submenu li:last-child{border:0;}

.submenu li a{
padding:10px 0;
display:block;
}

.submenu li:hover{background:#333;}



/************************************************
/* 共通 フッター
*************************************************/
#footer ul{text-align:center;}

#footer ul li{
display:inline;
padding:5px 10px;
}


/************************************************
/* サブページ
*************************************************/
.article{padding-bottom:20px;}

#main p{padding-bottom:10px;}

#main h2{
margin:5px 0;
padding:5px 0 5px 25px;
font-size:18px;
color:#ab9c53;
text-shadow:0 2px 3px #555;
border-bottom:1px solid #635b30;
background:url(images/h2.png) no-repeat 0 50%;
}

#main h3{
clear:both;
margin:10px 0;
padding:5px 0;
font-size:16px;
border-bottom:1px solid #333;
}

#main p.date{
padding-bottom:20px;
text-align:right;
font:16px Georgia, "Times New Roman", Times, serif;
}

img.alignleft,img.alignright{
float:left;
padding: 4px;
margin: 0 10px 2px 0;
display: inline;
padding: 4px;
border:1px solid #000;
background:#333;
}

img.alignright{
float:right;
margin:0 0 2px 10px;
}

/* ページナビゲーション */
ul.pagenav{
width:600px;
padding:20px 0;
}

ul.pagenav li{
list-style: none;
float: left;
}

ul.pagenav li a{
padding:0 0 0 10px;
background:url(images/arrowL.png) no-repeat 0 50%;
}

ul.pagenav li.next{float:right;}

ul.pagenav li.next a{
padding:0 10px 0 0;
background:url(images/arrowR.png) no-repeat 100% 50%;
}


/************************************************
/* トップページ グリッド
*************************************************/
.grid {
float: left;
width:258px;
min-height:258px;
margin:10px;
padding:10px;
border:1px solid #353535;
background: #111;
}

/* --------------------------------------------------------------
▼プロフィールページで使用しているスタイル
-------------------------------------------------------------- */

/*プロフィール部分で使用している「TABLEレイアウト」
----------------------------------------------------------*/

#main table.style_a {
	width: 100%;
	font-size: 12px;	/*文字サイズ*/
	border-collapse: collapse;
	margin-top: 15px;
	margin-bottom: 15px;
}

#main table.style_a th {
	width: 150px;			/*項目部分の幅サイズ*/
	color: white;			/*項目部分の文字色*/
	background-color : #5c7603;	/*項目部分の背景色*/
	border-width: 1px 0px 1px 1px;			/*項目部分のボーダー枠の太さ｜右サイド表示なし*/
	border-style: solid;				/*項目部分のボーダー枠スタイル*/
	border-color: #373737;				/*項目部分のボーダー枠カラー*/
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 2px;
	padding-bottom: 5px;
	text-align: left;
	vertical-align: top;
}

#main table.style_a td {
	padding: 5px;
	border-width: 1px;		/*内容部分のボーダー枠の太さ*/
	border-style: solid;		/*内容部分のボーダー枠スタイル*/
	border-color: #373737;		/*内容部分のボーダー枠カラー*/
}

/* サイドバーとバナーのみグリッドの枠なし その他調節 */
.sidebar, .banner{
width:280px;
margin: 10px;
padding:0;
border:0;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
background:transparent;
}

.grid img{
display: block;
max-width:248px;
padding: 4px;
border:1px solid #000;
background:#333;
}

.sidebar img, .banner img{
max-width:280px;
padding:0;
border:0;
}

.banner img, .banner a img:hover{
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}

.sidebar a img:hover, .banner a img:hover{
opacity:.9;
-moz-opacity:0.9;
filter: alpha(opacity=90);
}

.grid h3{
color:#ab9c53;
margin:7px 0 3px;
}

p.readon{margin-top:10px;}

p.readon a{
text-decoration:none;
padding:5px 10px;
position:relative;
display:inline-block;
-webkit-transition:border-color .218s;
-moz-transition:border .218s;
-o-transition:border-color .218s;
transition:border-color .218s;
background:#333;
border:solid 1px #353535;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:12px;
color:#fff;
}

p.readon a:hover {
border-color:#666;
-moz-box-shadow:0 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
}
p.readon a:active {color:#000; border-color:#444;}


/**** Transitions ****/
.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}

.transitions-enabled.masonry {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}

.transitions-enabled.masonry.masonry-brick {
-webkit-transition-property: left, right, top;
-moz-transition-property: left, right, top;
-o-transition-property: left, right, top;
transition-property: left, right, top;
}

.transitions-enabled.infinite-scroll.masonry {
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}


/**** Clearfix ****/
.clearfix:before, .clearfix:after, .article:before, .article:after{content: ""; display: table;}
.clearfix:after, .article:after{clear: both;}
.clearfix, .article{zoom: 1;}