@charset "utf-8";
@import url("navi.css");
@import url("footer.css");
/*
Theme Name: act-plus
Theme URI: http://www.act-plus.jp
Description: act-plusサンプルテーマ
Version: 1.0
Author: metalryoh
Author URI: http://www.act-plus.jp
Tags: blue, custom header, fixed width, two columns, widgets
*/

/*-----------------------------------------基本設定*/

body{
margin:0;
padding:0;
text-align:center;
font-size:80%;
font-family:"メイリオ",Verdana,sans-serif;
color:#222;
line-height:1.6;
background:url(img/bg_body.jpg) repeat-x #efefef;
}
a{color:#254EB8;overflow:hidden;}
a:hover{color:#000;}
p{margin:0 0 20px 0;}
form{margin:0;padding:0;}
input,textarea{
border:1px solid #ccc;
background:#eee;
}
img{vertical-align:middle;}
a img{border:none;}
pre{border:1px solid #ddd;background:#f7f7f7;padding:3px 10px;}
.small{font-size:0.8em;}

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

#layout{
margin:auto;
width:860px;
text-align:left;
}
#header{
position:relative;
height:80px;
}
#container{
clear:both;
background:url(img/bg_container.jpg) no-repeat #fff;
padding:30px 30px 0 30px;
}
#main{
width:580px;
float:right;
margin:0 0 30px 0;
}
#side{
width:180px;
float:left;
margin:0 0 30px 0;
}

/*-----------------------------------------ロゴ*/

#logo{
width:180px;
height:70px;
margin:0 0 50px 0;
}
#logo a{
display:block;
width:180px;
height:70px;
background:url(img/logo.gif) no-repeat;
text-indent:-10000px;
}

/*-----------------------------------------見出し*/

#header h1{
font-size:0.8em;
font-weight:normal;
line-height:1;
color:#ABD2DD;
position:absolute;
right:5px;
bottom:5px;
}
h2{
margin:0 0 20px 0;
padding:0 0 5px 0;
font-size:1.8em;
color:#666;
font-weight:normal;
background:url(img/bg_pagetitle.gif) no-repeat bottom;
}
#home h2{
background-image:none;
font-size:1.4em;
margin:0 0 5px 0;
line-height:1.2;
}
h3{
clear:both;
}
.post_page h3{
font-weight:bold;
margin:0 0 10px 0;
padding:0 0 0 10px;
font-size:1em;
line-height:26px;
background:url(img/bg_h3.gif) no-repeat;
color:#fff;
}

h3.toppage{
margin:0 0 10px 0;
padding:0 0 2px 0;
font-size:1.2em;
background:url(img/bg_pagetitle.gif) no-repeat bottom;
}
h3.toppage span{
font-size:0.6em;
color:#999;
padding:0 0 0 5px;
}

h4{
margin:0 0 3px 0;
padding:0 0 0 16px;
font-size:1em;
color:#333;
background:url(img/bg_h4.gif) no-repeat left top;
background-position:0 5px;
}
/*-----------------------------------------検索*/

#searchbox{
position:absolute;
top:20px;
right:0;
}
.search_input{
background:url(img/bg_search.gif) no-repeat;
font-size:0.8em;
line-height:15px;
height:15px;
width:120px;
border:none;
padding:0 0 0 25px;
margin:0 3px 0 0;
}
.search_btn{
background:none;
border:none;
vertical-align: middle;
}

/*-----------------------------------------サイド*/

#side h3{
font-size:0.8em;
margin:0 0 5px 0;
border-bottom:3px solid #ddd;
}

ul#recent{
margin:0 0 20px 0;
padding:0 0 0 0;
font-size:0.8em;
list-style:none;
}
ul#recent li{
margin:0 0 3px 0;
padding:0 0 0 10px;
background:url(img/icon_list01.gif) no-repeat left top;
background-position:0 5px;
}
ul#recent li a{
color:#444;
}
ul#recent li a:hover{
color:#254EB8;
}


ul#sm{
margin:0 0 20px 0;
padding:0;
font-size:1em;
list-style:none;
}
ul#sm li{
margin:0 0 3px 0;
padding:0 0 0 16px;
border-bottom:1px dotted #ccc;
background:url(img/icon_a01.gif) no-repeat left top;
background-position:0 2px;
line-height:18px;
}
ul#sm li a{
color:#333;
text-decoration:none;
}
ul#sm li a:hover{
color:#254EB8;
}



/*-----------------------------------------ページ最上部移動*/

#pagetop{
clear:both;
font-size:10px;
height:16px;
position:relative;
}
#pagetop a{
display:block;
position:absolute;
right:0;
width:70px;
height:16px;
background:url(img/pagetop.gif) no-repeat;
text-indent:-10000px;
}
#pagetop a:hover{
background-position:0 -16px;
}


/*-----------------------------------------ページ移動リンク*/

.pagelink_top{
text-align:center;
font-size:0.8em;
}

.pagelink{
margin:10px 0 30px 0;
padding:10px 0 0 0;
border-top:1px dotted #ccc;
}
.pagelink p{
margin:0;
padding:0 0 0 65px;
}

.pagelink p.pagenext{
background:url(img/next_post.gif) no-repeat left center;
}
.pagelink p.pageprev{
background:url(img/prev_post.gif) no-repeat left center;
}

/*-----------------------------------------パンくずナビ*/

/*breadcrumb*/
#breadcrumb{
margin:0 0 20px 0;
font-size:0.8em;
color:#999;
}
#breadcrumb a{
color:#666;
}




/*-----------------------------------------問い合わせフォーム*/

.wpcf7-not-valid-tip-no-ajax{
color:#FF6666;
font-size:0.8em;
}
.wpcf7-validation-errors{
font-weight:bold;
color:#ff3300;
font-size:1.2em;
}
.wpcf7-mail-sent-ok{
font-weight:bold;
font-size:1.2em;
}

.your-message textarea{
width:500px;
height:100px;
}




/*-----------------------------------------ブログ*/

/*-----------------------------------------記事投稿*/

.post{
margin:0 0 20px 0;
clear:both;
background:#fff;
}
h3.post_title{
font-size:1.2em;
margin:0 0 5px 0;
font-weight:normal;
line-height:26px;
}
h3.post_title a{
display:block;
color:#fff;
padding:0 0 0 10px;
background:url(img/bg_blogtitle.gif) no-repeat;

}
h3.post_title a:hover{
color:#fff;
background:url(img/bg_h32.gif) no-repeat;
}
.post p{
margin:0 0 15px 0;
}
.postdate{
font-size:0.8em;
font-weight:bold;
margin:0 0 5px 0;
color:#999;
}
.postinfo{
clear:both;
text-align:right;
border-top:1px dotted #ccc;
padding:5px 0 0 0;
font-size:0.8em;
}
.postinfo a{
color:#333;
}
.postinfo a:hover{
color:#000;
}

/*-----------------------------------------コメント*/

#com{
margin:0 0 20px 0;
}
#com textarea{
width:400px;
}
#com h4{
color:#333;
font-size:1em;
margin:0 0 10px 0;
border-bottom:3px solid #ddd;
}
.compost{
margin:0 0 20px 0;
border:1px solid #ddd;
padding:10px 20px;
}
.compost p{
margin:0;
}
p.cominfo{
margin:0 0 5px 0;
padding:0 0 5px 0;
border-bottom:1px solid #ddd;
font-size:0.8em;
color:#999;
}

/*-----------------------------------------トラックバック*/

#tb{
margin:0 0 20px 0;
}
#tb h4{
color:#333;
font-size:1em;
margin:0 0 10px 0;
border-bottom:3px solid #ddd;
}
#tb input{
width:500px;
}

#com a,#tb a{
color:#000;
}






/*-----------------------------------------管理画面用*/

/*-----------------------------------------投稿用イメージ*/

.aligncenter{
display:block;
margin-left:auto;
margin-right:auto;
}
.alignleft{
float:left;
margin:0 20px 10px 0;
width:auto;
}
.alignright{
float:right;
margin:0 0 10px 20px;
width:auto;
}
.post img{
border:none;
}
.wp-caption{
border:1px solid #ddd;
padding:5px 0 0 0;
text-align:center;
}
.wp-caption img{
margin:0 0 5px 0;
}
.wp-caption-text{
text-align:center;
font-size:0.8em;
margin:0;
}



.googlemap{
height:400px;
margin:0 0 30px 0;
}





/*-----------------------------------------スタイル*/

table{margin:0 0 30px 0;}
th{text-align:left;vertical-align:top;padding:1px 3px;width:15%;}
td{text-align:left;vertical-align:top;padding:1px 3px;}

.table_default th{
border-bottom:1px dotted #ccc;
padding:2px 10px;
font-weight:normal;
}
.table_default td{
border-bottom:1px dotted #ccc;
padding:2px 10px;
}

dl{margin:0 0 20px 0;}
dl dt{font-weight:bold;}
dl dd{margin:0 0 5px 20px;}

.googlemaps{margin:0 0 30px 0;}

.mainbox_left{
float:left;
width:300px;
}
.mainbox_right{
float:right;
width:260px;
}

/*-----------------------------------------トップページ*/

#topimage{
margin:0 0 20px 0;
}





.topbox_left{
float:left;
width:285px;
margin:0 0 10px 0;

}

.topbox_right{
float:right;
width:285px;
margin:0 0 10px 0;
}

.topbox_left h4,.topbox_right h4{
font-size:1.0em;
margin:0 0 5px 0;
padding:0;
background-image:none;
}
.topbox_left p,.topbox_right p{
font-size:0.9em;
margin:0;
line-height:1.3;
}
.topbox_left a img,.topbox_right a img{
float:left;
margin:0 10px 30px 0;
width:60px;
height:60px;
border:1px solid #ccc;;
}







ul.topnews{
margin:0 0 30px 0;
padding:0;
list-style:none;
}
ul.topnews li{
margin:0 0 3px 0;
padding:0 0 0 15px;
border-bottom:1px dotted #ccc;
background:url(img/icon_list01.gif) no-repeat left center;
}
ul.topnews li span{
font-size:0.8em;
font-weight:bold;
padding:0 10px 0 0;
}



/*-----------------------------------------制作実績*/

.result_box{
margin:0 8px 20px 8px;
float:left;
width:270px;
height:120px;
border-bottom:1px solid #eee;
overflow:hidden;
}
.result_box img{
float:left;
width:80px;
height:80px;
border:4px solid #ddd;
}
.result_box img:hover{
border:4px solid #ffcc00;
}
.result_box .result_detail{
float:right;
width:170px;
}
.result_box h4{
font-size:1em;
font-weight:normal;
margin:0 0 5px 0;
padding:0;
background-image:none;
}
.result_box p{
margin:0 0 2px 0;
padding:2px 0 2px 40px;
font-size:0.8em;
line-height:1.4;
color:#666;
}
.result_box p.inv{
background:url(img/icon_result_inv.gif) no-repeat left top;
}
.result_box p.detail{
background:url(img/icon_result_detail.gif) no-repeat left top;
background-position:0 5px;
}


/*-----------------------------------------制作実績2*/

.result_box2{
margin:0 8px 10px 8px;
}
.result_box2 img{
float:left;
width:40px;
height:40px;
border:2px solid #ddd;
margin:0 10px 0 0;
}
.result_box2 img:hover{
border:2px solid #ffcc00;
}
.result_box2 h4{
font-size:0.9em;
font-weight:normal;
margin:0 0 5px 0;
}
.result_box2 h4 a{
color:#666;
}
.result_box2 h4 a:hover{
color:#000;
}

/*-----------------------------------------twitter*/

.twitter_box{
background:url(img/twitter_head.gif) no-repeat;
padding:20px 10px 0 10px;
line-height:1.3;
font-size:0.8em;
}
.twitter_box_bottom{
height:30px;
margin:0 0 10px 0;
text-indent:-10000px;
background:url(img/twitter_bottom.gif) no-repeat;
}

p#tw_metalryoh{
margin:0 0 5px 0;
padding:0 0 0 25px;
background:url(img/bg_tw_metalryoh.gif) no-repeat left top;
}
p#tw_rising{
margin:0;
padding:0 25px 0 0;
background:url(img/bg_tw_rising.gif) no-repeat right top;
}

p#tw_metalryoh a,p#tw_rising a{
color:#333;
text-decoration:none;
}

/*-----------------------------------------clearfix*/

div:after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
div{
  min-height: 1px;
}
/* exlude MacIE5 \*/
* html div{
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}