@charset "UTF-8";
/* @override 
	http://m1.cms.am/wp-content/themes/1st-message/style.css
*/
/*  
Theme Name: 1st-Message
Theme URI: http://www.studiobrain.net/
Description: 1st-Messageオリジナルテーマファイル
Version: 1.0
Author: Go Imai
Author URI: http://www.studiobrain.net/
*/


/***** Reset (ここは編集しないこと) *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;}
body {line-height: 1;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
caption {width: 100%;}



/***** 共通のタグ CommonTag *****/
body{font: 95%/155% "Helvetica Neue", Arial, Helvetica, Geneva, "MS PGothic", "Hiragino Kaku Gothic Pro", sans-serif;}
h1,h2,h3,h4,h5,h6,p{margin: 15px 0;padding: 0;}
a{ outline:none;color: #555;text-decoration: underline;}
a:hover{color: #888;text-decoration: none;}
p{}
h1{font-size: 180%;line-height: 100%;color: #2b67a6;}
h2{font-size: 150%;line-height: 100%;color: #347cc8;}
h3{font-size: 130%;line-height: 100%;color: #3a8ce1;}
h4{font-size: 105%;line-height: 100%;color: #3d93ec;}
h5{font-size: 100%;line-height: 100%;color: #419bfa;}
h6{font-size: 75%;line-height: 100%;color: #43a2ff;}
a.more-link {} 
ul{list-style-position: outside;padding: 0 0 0 25px;list-style-type: disc;line-height: 140%;margin: 15px 0;}
ol{list-style-position: outside;margin: 15px 0;padding: 0 0 0 30px;list-style-type: decimal;line-height: 140%;}
ul ul,ol ol,ul ol,ol ul{padding-left: 3%;}
blockquote {margin: 15px 0;background-color: #fbf6f5;border: 1px solid #cea39e;clear: both;padding: 10px 10px 0;color: #333;font-size: 85%;}
blockquote p{margin: 0;padding: 0px 0px 10px;}
blockquote ol,blockquote ul{margin: 0;padding: 0px 0px 10px 25px;}
hr{margin: 40px auto;border-style: none;height: 1px;background-color: #999;clear: both;}




/***** スペース領域 AreaSpace *****/
#body{text-align: center;border-top: 6px solid #3a8bdf;}
#header,#footer,#topimage{clear:both;margin: auto;width: 960px;}
#container{margin: auto;text-align: left;padding-top: 20px;width: 960px;padding: 0;clear: both;}
#second {background: url(img/second_image.jpg) no-repeat center 10px;border-top: 1px solid #999;width: 950px;margin: auto;height: 96px;clear: both;}
#main{text-align: left;overflow: hidden;width: 710px;float: right;padding: 20px 5px 0 0;}
#sidebar{float: left;width: 230px;overflow: hidden;margin: 20px 0;}
#topimage{height: 270px;background: url(img/top_image.jpg) no-repeat;width: 950px;}
#wrap{clear:both;float: left;overflow: hidden;width: 705px;}
#pagewrap{clear: both;float: left;overflow: hidden;width: 100%;padding-bottom: 30px;}
#left{float: left;width: 230px;text-align: left;}
#right{float: right;width: 230px;text-align: left;}
#center{float: right;width: 450px;text-align: left;}



/***** ヘッダー Header *****/
#header #header-left{padding: 17px 0 0 5px;float: left;width: 220px;height: 47px;}
#header .header_ttl a{margin:0;padding: 0;float: left;text-indent: -9999px;background: url(img/logo.gif) no-repeat;width: 220px;height: 40px;font-size: 100%;line-height: 100%;}
#header .header_ttl{float: left;margin: 0;width: 220px;}
#header .header_description{color: #6b6b6b;font-weight: normal;font-style: normal;margin: 0;padding: 0;font-size: 70%;float: left;line-height: 200%;width: 710px;overflow: hidden;text-align: left;height: 26px;}
#header #header-right{float: right;width: 735px;}
#searchform {padding: 0 11px 10px 47px;background: url(img/search_bg.gif) no-repeat left bottom;float: right;width: auto;}
#searchform input#btn {text-indent: -9999px;width: 23px;height: 21px;border-style: none;background-color: transparent;font-size: 100%;line-height: 100%;cursor: pointer;}
#searchform input#s {border-style: none;font-size: 80%;line-height: 100%;padding: 0;width: 189px;height: 14px;background-color: transparent;}


/***** パンくずリスト *****/
#breadcrumb{clear: both;text-align: left;margin: 5px 0 0;float: left;width: 945px;overflow: hidden;padding: 0 5px 3px;}
#breadcrumb div{float: left;height: 20px;overflow: hidden;width: 9999px;}
#breadcrumb a{padding: 0 9px 0 25px;font-size: 80%;line-height: 180%;color: #fff;float: left;text-decoration: none;height: 20px;background: #c7c7c7 url(img/breadcrumb1.gif) no-repeat left top;width: auto;}
#breadcrumb span.home a {background-image: none;background-color: #c7c7c7;padding-left: 17px;}
#breadcrumb span.current a{text-decoration: none;background: #3a8bdf url(img/breadcrumb2.gif) no-repeat left top;}
#breadcrumb span.current {background: url(img/breadcrumb3.gif) no-repeat right top;float: left;padding-right: 11px;width: auto;}



/*** トップページ ***/
#topics{padding: 20px 0;margin: 5px;}
#topicsttl {border-bottom: 1px solid #9e9e9e;height: 27px;overflow: hidden;background: url(img/topics-ttl.gif) no-repeat;}
#topicsttl b.topics-ttl {text-indent: -9999px;float: left;width: auto;}
#topicsttl a.topics-btn span{float: right;text-indent: -9999px;height: 18px;width: 154px;}
#topicsttl ul{float: right;margin: 0;padding: 0;width: auto;}
#topicsttl ul li{display: inline;padding: 0 0 3px 3px;float: left;width: auto;}
#topicsttl ul li a{padding: 5px 8px;color: #fff;font-size: 80%;float: left;background-color: #9dc639;line-height: 100%;text-decoration: none;width: auto;}
#topicslist {clear: both;list-style-type: none;margin: 0;padding: 6px 0 0;font-size: 80%;line-height: 160%;width: 100%;}
#topicslist li{padding: 7px 0;border-bottom: 1px solid #ccc;}
#topicslist li .date {border-right: 1px solid #9f9f9f;padding-right: 6px;margin-right: 6px;color: #949494;}
#topicslist li a{color: #444;text-decoration: none;}
#topicslist li a:hover{color: #3a8bdf;}
#aboutus{color: #666;font-size: 80%;line-height: 190%;padding: 10px 30px 0;background: #f3f3f3 url(img/about-box.gif) left top;}
#aboutus h2{margin: 10px 0;font-size: 150%;line-height: 100%;color: #dc8c00;}
#aboutus p{font-size: 115%;line-height: 170%;margin: 0;}
#aboutus-btm {height: 25px;background: url(img/about-box-btm.gif) left bottom;}




/***** フッター Footer *****/
#footer .copyright {color: #fff;font-size: 80%;line-height: 100%;padding: 0;text-align: left;background: url(img/footer-copyright.gif) no-repeat;height: 40px;}
#footer .copyright span{padding: 10px 0 0 10px;display: block;text-indent: -9999px;}
#footer #footnavi {padding: 0;margin: 0;float: right;line-height: 100%;font-size: 80%;width: auto;}
#footer #footnavi li{display: inline;float: left;padding: 10px 15px 10px 0;width: auto;}
#footer #footnavi li a{text-decoration: underline;color: #999;}
#footer #footnavi li a:hover{text-decoration: none;color: #666;}



/***** コンテンツ Content *****/
.pagename{font-size: 120%;font-weight: bold;clear: both;margin: 0 0 10px;color: #fff;overflow: hidden;line-height: 120%;background: #3a8bdf url(img/titlebar_btm.gif) no-repeat left bottom;width: 710px;}
.pagename .pagename_inner{background: url(img/titlebar.gif) no-repeat left top;float: left;width: 710px;}
.pagename .pagename_txt{padding: 30px 0 10px 10px;display: block;}
.pagename a{color: #fff;text-decoration: underline;}
.pagename a:hover{color: #fff;text-decoration: none;}
.content {clear: both;font-size: 95%;line-height: 160%;color: #333;width: 710px;}
.content_inner {padding: 20px;}
.title{border-style: none;font-size: 140%;line-height: 100%;color: #3a8bdf;}
.title a{color: #3a8bdf;font-size: 100%;line-height: 100%;text-decoration: underline;}
.title a:hover{color: #43a1ff;} 
.postmetadata {margin: 50px 0 0;color: #555;clear: both;border-top: 1px solid #bbb;padding: 8px 0 0;font-size: 80%;line-height: 160%;}
.postmetadata a {background-color: #666;color: #fff;text-decoration: none;padding: 2px 15px;}
.postmetadata a:hover {background-color: #999;color: #fff;}
.postmetadata .date {background-color: #3a8bdf;color: #fff;padding: 2px 10px;}



/***** 子ページ *****/
#subbar{clear: both;overflow: hidden;margin: 0 0 10px;text-align: left;background: #1c70c7 url(img/subbar_top.gif) no-repeat left top;width: 710px;}
#subbar ul {margin: 0;font-size: 80%;line-height: 150%;padding: 8px 10px 6px;}
#subbar div {background: url(img/subbar_btm.gif) no-repeat left bottom;}
#subbar ul li{display: inline;padding: 0 7px 0 0;}
#subbar ul li a{color: #fff;text-decoration: none;}
#subbar ul li a:hover{color: #fff;text-decoration: underline;}



/***** PAGENAVI *****/
#pagenavi{background: url(img/pagenavi-top.gif) no-repeat left top;padding-top: 10px;width: 230px;float: left;margin: 0 0 20px;}
#pagenavi ul{list-style-type: none;padding: 0 0 30px;line-height: 120%;font-size: 100%;background: url(img/pagenavi-btm.gif) no-repeat left bottom;margin: 0;float: left;width: 230px;}
#pagenavi li.page_item {float: left;clear: both;padding-left: 9px;width: auto;}
#pagenavi li.page_item a{color: #fff;display: block;text-decoration: none;border-bottom: 1px solid #6faeef;width: 213px;float: left;background: #3a8bdf url(img/pagenavi-li-bg.gif) no-repeat left top;}
#pagenavi li.page_item a span{padding: 10px 10px 11px 20px;display: block;}
#pagenavi li.page_item a:hover{background: #1c70c7 url(img/pagenavi-li-bg.gif) no-repeat left top;}



/***** ピックアップ *****/
#linknavi {list-style-type: none;padding: 0;float: left;margin: 0;clear: both;width: 230px;}
#linknavi .linkcat span {background: url(img/pickup_contents_ttl.gif) no-repeat center top;display: block;text-indent: -9999px;height: 29px;margin: 0 auto 10px;width: 230px;}
ul.blogroll {list-style-type: none;padding: 0;margin: 0;display: block;width: 230px;}
ul.blogroll li {padding: 0 0 10px 5px;float: left;clear: both;width: auto;}
ul.blogroll li a{float: left;width: auto;}




/*ナビゲーション Navi*/
.navigation{clear: both;text-align: center;font-size: 80%;white-space: nowrap;float: left;width: 100%;padding: 0;margin-top: 20px;}
.navigation div.wp-pagenavi span.pages {padding: 2px;font-weight: normal;font-style: normal;}
.navigation div.wp-pagenavi span.current {font-weight: normal;font-style: normal;background-color: #3a8bdf;color: #fff;border-color: #3a8bdf;padding: 2px 10px;}
.navigation div.wp-pagenavi a {padding: 2px 10px;color: #3a8bdf;border-color: #3a8bdf;}
.navigation div.wp-pagenavi a:hover {padding: 2px 10px;background-color: #43a1ff;color: #fff;border-color: #3a8bdf;}
.navigation div.alignright a {float: left;padding: 0;background: #1c70c7 url(img/next.gif) no-repeat;text-indent: -9999px;width: 124px;height: 21px;font-size: 1px;line-height: 1px;}
.navigation div.alignleft a {float: left;padding: 0;background: #3a8bdf url(img/back.gif) no-repeat;text-indent: -9999px;width: 124px;height: 21px;font-size: 1px;line-height: 1px;}



/***** ページのトップへ *****/
.totop {text-align: right;padding: 30px 0 20px;clear: both;}
.totop a{color: #347dc8;font-size: 80%;text-decoration: underline;}
.totop a:hover{text-decoration: none;}



/***** その他 Others *****/
.edit{text-align: center;font-style: italic;padding: 0;float: right;width: 49px;height: 15px;margin: -33px -11px 0 0;}
.edit a{position: absolute;top: 0;right: 0;background-color: #3a8bdf;color: #fff;padding: 2px 10px;}


/******画像の配置*****/
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignleft{float:left;padding: 5px;border: 1px solid #ccc;background-color: #fff;margin: 0 10px 10px 0;}
img.alignright{float:right;padding: 5px;border: 1px solid #ccc;background-color: #fff;margin: 0 0 10px 10px;width: auto;}
.alignright {float: right;width: auto;}
.alignleft {float: left;width: auto;}
div.wp-caption.alignleft,
dl.wp-caption.alignleft {margin-right: 10px;}
div.wp-caption.alignright,
dl.wp-caption.alignright {margin-left: 10px;margin-right: 0;}
div.wp-caption.alignnone,
dl.wp-caption.alignnone {margin-bottom: 0;margin-top: 0;}
.aligncenter {margin: 10px auto;display: block;clear: both;}
div.mceTemp.mceIEcenter {}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin-bottom: 10px;margin-top: 10px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text,.wp-caption dd {padding: 5px 4px;margin: 0;line-height: 17px;font-size: 11px;font-family: "MS PGothic", "Hiragino Kaku Gothic Pro", sans-serif;color: #666;}