@charset "UTF-8";
/* @override 
	http://www.helmsystem.com/wp-content/themes/helmsystem/style.css
*/
/*  
Theme Name: Helm System
Theme URI: http://www.studiobrain.net/
Description: Helm System オリジナルテーマ
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;}
ol, ul {list-style: none;}
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%;}
address {font: italic 85% Georgia, "Times New Roman", Times, serif;margin: 10px 0;}
pre {font: 85% "Courier New", Courier, mono;margin: 10px 0;}





/***** 共通のタグ CommonTag *****/
body{background-color: #fff;font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;text-align: center;}
h1,h2,h3{margin: 25px 0;}
h4,h5,h6,p{margin: 15px 0;}
a{ outline:none;color: #b24643;;text-decoration: none;}
a:hover{color: #f25e5a;text-decoration: underline;}




/***** スペース領域 AreaSpace *****/
#side{overflow: hidden;text-align: left;float: right;width: 230px;margin-left: -230px;}
#mainwrap{overflow: hidden;float: left;margin-right: 230px;width: 618px;}
#top_btm{width: 850px;margin: auto;text-align: left;clear: both;}
#container{text-align: center;border-top: 5px solid #cfcfcf;margin: auto;}
#main{float: left;background-color: #fff;overflow: hidden;text-align: left;}
#sidebar1{overflow: hidden;padding: 0 0 15px 15px;}
#top-image-1{height: 250px;clear: both;background: url(img/topimg-1.jpg) no-repeat;margin: 15px 0;display: block;text-indent: -999px;width: 850px;}
#top-image-2{float: left;width: 320px;margin: 0;background: url(img/topimg-2.gif) no-repeat;text-indent: -9999px;height: 157px;}
#top-text-1{float: right;margin: 0;color: #444;font-size: 75%;line-height: 160%;width: 500px;letter-spacing: 1px;}
#header{overflow: hidden;width: 850px;border-bottom: 1px solid #fff;margin: 0 auto;text-align: left;}
#footer{clear:both;float: left;width: 100%;background: url(img/footer-bg.gif) repeat-x left bottom;border-top: 1px solid #ddd;padding-top: 28px;}
#footer_inner{width: 850px;margin: auto;text-align: left;}
#wrap{clear:both;background-color: #fff;overflow: hidden;width: 850px;margin: auto;padding-bottom: 20px;}
#pagewrap{clear: both;overflow: hidden;margin: auto;padding: 0 0 15px 15px;}
#wrap_inner{border: 1px solid #bfb88b;float: left;border-top-style: none;border-bottom-style: none;}
.content {clear: both;font-size: 80%;margin: 0 0 30px;text-align: left;color: #666;width: 600px;line-height: 1.5;padding: 0;}
#category_description p {clear: both;font-size: 80%;margin: 0;text-align: left;color: #666;width: 600px;line-height: 1.5;padding: 10px 0;}
#category_description {border-bottom: 1px solid #bfb88b;padding: 10px 0;}



/***** ヘッダー Header *****/
#header #header-left{float: left;padding: 15px 0 0;}
#header .header_ttl a{color: #928751;font-size: 170%;text-indent: -9999px;width: 243px;float: left;height: 42px;background: url(img/helmsystem-logo.gif) no-repeat;}
#header .header_ttl{margin:0;padding: 0;font-weight: normal;font-style: normal;}
#header .header_ttl a:hover{color:#bbb}
#header .header_description{color: #666;font-weight: normal;font-style: normal;margin: 0;padding: 4px 0;font-size: 80%;}
#header-right{text-align: right;float: right;}
#header-right #search{padding: 0;background: url(img/searchbox.gif) no-repeat right top;height: 21px;width: 233px;}
#searchform {float: right;width: 220px;padding: 2px 0 0;height: 14px;overflow: hidden;}
#searchform input#s {padding: 0;font-size: 10px;border-style: none;width: 185px;line-height: 12px;margin: 0;background-color: #fff;font-weight: normal;font-style: normal;height: 12px;float: left;}
#searchform input#btn {border-style: none;padding: 0;font-size: 12px;line-height: 14px;float: left;margin: 0;cursor: pointer;font-weight: normal;font-style: normal;background-color: transparent;height: 14px;width: 29px;}


/*ヘッダーナビ header_navi*/
#header_navi{padding: 0 0 1px;clear: both;display: block;border-bottom: 1px solid #d3d3d3;text-align: center;background: url(img/headnavi-bg.gif) repeat-x;height: 28px;}
#header_navi_inner{padding: 0;clear: both;display: block;width: 852px;margin: auto;}
#header_navi #page_navi{list-style-type:none;white-space: nowrap;background: #f1f1f1 none left top;padding: 0 0 0 1px;overflow: hidden;display: block;clear: both;margin: 0;float: left;}
#header_navi #page_navi li{padding: 0 1px 0 0;margin: 0;overflow: hidden;float: left;}
#header_navi #page_navi li a{color: #555;padding: 0;float: left;font-size: 90%;text-align: center;width: 211px;background: #d1d3d2 url(img/headnavi-btn.gif) repeat-x left top;height: 28px;}
#header_navi #page_navi li a span {display: block;padding: 8px 2px 0;font-size: 90%;line-height: 100%;}
#header_navi #page_navi li a:hover{text-decoration: none;color: #900;background: #d1d3d2 url(img/headnavi-btn.gif) repeat-x left bottom;}
#header_navi #page_navi li.current_page_item a:hover,
#header_navi #page_navi li.current_page_item a{color: #fff;background: #8d8d8d url(img/headnavi-active.gif) repeat-x;}



/***** フッター Footer *****/
#footer .copyright {color: #999;font: bold 80% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;padding: 0;height: 27px;}
#footer #wp_loginout {padding: 0;font-size: 80%;float: right;}
#footer #wp_loginout li{display: inline;padding: 0 0 0 15px;float: left;}
#footer #wp_loginout li a{float: left;background-color: #bbb;color: #eee;padding: 3px 10px;font-weight: normal;white-space: nowrap;}





/***** コンテンツ本文 *****/
body.mceContentBody {font: normal 90%/180% "Lucida Grande", Lucida, Verdana, sans-serif;padding: 0 15px;background-color: white;text-align: left;}
.mceContentBody h3,.content h3{color: #877b39;margin: 30px 0;font-weight: bold;line-height: 140%;font-size: 170%;}
.mceContentBody h4,.content h4{font-size: 130%;line-height: 120%;font-weight: normal;font-style: normal;border-bottom: 1px dotted gray;color: #9f1d0d;padding: 2px 0;margin-top: 30px;font-family: "MS PGothic", "Hiragino Kaku Gothic Pro", sans-serif;}
.mceContentBody h5,.content h5{font-size: 105%;line-height: 120%;color: #93884e;}
.mceContentBody h6,.content h6{font-size: 95%;line-height: 120%;color: #7c7c7c;}
.mceContentBody small,.content small{font-size: 80%;}
.mceContentBody big,.content big{font-size: 130%;}
.mceContentBody ul,.content ul{list-style-position: outside;padding: 0 0 15px 25px;list-style-type: disc;line-height: 140%;}
.mceContentBody ol,.content ol{list-style-position: outside;margin: 0;padding: 0 0 15px 25px;list-style-type: decimal;line-height: 140%;}
.content ul ul,.content ol ol,.content ul ol,.content ol ul{padding-left: 3%;}
.content blockquote {margin: 0 0 15px;background-color: #e1f5f9;border: 1px solid #b2d3e0;clear: both;padding: 10px 2% 0;}
.content blockquote p{margin: 0;padding: 0px 0px .8em;}
.content blockquote ol,.content blockquote ul{margin: 0;padding: 0px 0px .8em 25px;}


/***** コンテンツ Content *****/
.pagename{font-weight: bold;clear: both;color: #666;padding: 25px 15px 15px;font-size: 120%;margin: 0;text-align: left;background: url(img/page-ttl.gif) no-repeat left bottom;}
.content .title{margin: 15px 0;padding: 0;font-size: 130%;line-height: 120%;}
.content .title a{text-decoration:none;font-size: 105%;line-height: 100%;}
.content a.more-link {display: block;margin: 10px 0 0;padding: 5px 7px;background-color: #f6f6f6;border-right: 5px solid #3774bb;text-align: right;font-size: 90%;line-height: 120%;} 
.content .postmetadata {margin: 0;color: #555;clear: both;border-top: 1px solid #bbb;padding: 8px 0 0;font-size: 90%;line-height: 160%;}
.content .postmetadata .date {color: #fff;background-color: #bbb;padding: 2px 5px 2px 7px;margin-right: 4px;}




/*ナビゲーション Navi*/
#main div.paging{clear: both;text-align: center;font-size: 80%;white-space: nowrap;padding: 20px 0;width: 615px;}
#main div.paging div.wp-pagenavi span.pages {padding: 2px;font-weight: normal;font-style: normal;}
#main div.paging div.wp-pagenavi span.current {font-weight: normal;font-style: normal;background-color: #877b39;color: #fff;border-color: #877b39;padding: 2px 10px;}
#main div.paging div.wp-pagenavi a,
#main div.paging div.wp-pagenavi a.page,
#main div.paging div.wp-pagenavi a:link {padding: 2px 10px;color: #877b39;border-color: #877b39;}
#main div.paging div.wp-pagenavi a:hover {padding: 2px 10px;background-color: #877b39;color: #fff;border-color: #877b39;}

.navigation{clear: both;text-align: center;font-size: 80%;white-space: nowrap;padding: 20px 0;width: 615px;}
.navigation div.alignright a {float: right;color: #fff;background-color: #bfb88b;padding: 4px 20px;font-size: 85%;line-height: 100%;}
.navigation div.alignleft a {float: left;color: #fff;background-color: #bfb88b;padding: 4px 20px;font-size: 85%;line-height: 100%;}
.navigation div.alignright a:hover,
.navigation div.alignleft a:hover {text-decoration: none;background-color: #877b39;}





/***** サイドバー Sidebar *****/
#sidebar1 {font-size: 0.85em;line-height: 1.4em;}
#sidebar1 ul{list-style-type: none;margin: 0;overflow: hidden;background-color: #fff;padding: 0;}
#sidebar1 ul li {background: #fff url(img/sidebar_li.gif) no-repeat 0 7px;padding: 2px 0 0 9px;}
#sidebar1 ul.category_list {padding: 0 0 20px;}
#sidebar1 ul.category_list li {background: url(img/sidebar-cate-ttl.gif) no-repeat left bottom;padding: 12px 0 7px;}
#sidebar1 ul.linkcat{padding: 0;}
#sidebar1 ul.linkcat li {padding: 0;}
#sidebar1 p{line-height: 150%;padding: 7px 3%;}
#sidebar1 .widget{margin: 0;clear: both;padding: 0 0 20px;}
#sidebar1 .module_title {margin: 0 0 5px;clear: both;background-color: #bfb88b;font-size: 90%;line-height: 130%;font-weight: bold;padding: 3px 2%;color: #fff;}
#sidebar1 div.widget ul.newlist li small {font-size: 90%;color: #867d5e;}
#sidebar1 a {color: #867d5e;}
#sidebar1 a:hover {color: #a88e29;text-decoration: none;}




/*トップボトム*/
#top_btm_left{float: left;padding: 15px 0 5px 15px;width: 200px;}
#top_btm_left li{float: left;padding-bottom: 10px;}
#top_btm_left li a{float: left;}
#linkcat-2 p.module_title {display: none;}
#top_btm_right{float: right;padding: 15px 0;width: 620px;font-size: 85%;}
#cate1 {float: left;width: 620px;clear: left;}
#cate1 ul{padding: 10px 0;background-color: #fff;}
#cate1 li{padding: 6px 10px;border-bottom: 1px dotted #aaa;background-image: none;}
#cate1 .date {border-right: 1px solid #ccc;padding-right: 8px;margin-right: 4px;color: #999;}
#cate1 p.module_title {padding: 0;margin: 0;background: url(img/topics-ttl.gif) no-repeat;text-indent: -9999px;height: 22px;}
#backnumber{text-align: right;float: right;}
#backnumber .cat-item {margin-left: 7px;display: inline;float: left;}
#backnumber .cat-item a{padding: 2px 10px;text-decoration: none;font-size: 85%;line-height: 100%;color: #fff;background-color: #ccc;float: left;}



/*フォーム*/
.necessary {color: #c00;padding-left: 3px;}
.wpcf7-form .table_left {background-color: #eee;font-size: 90%;border-bottom: 2px solid #fff;width: 130px;padding-left: 8px;}
.table_right {padding: 0 5px;}
.wpcf7-form-control-wrap.your-name,
.wpcf7-form-control-wrap.your-email,
.wpcf7-form-control-wrap.your-company,
.wpcf7-form-control-wrap.your-tel {padding: 4px;border: 1px solid #999;background-color: #fffeef;}
.wpcf7-form .table_right {padding: 3px 3px 3px 5px;}
.wpcf7-form .table_right input{width: 270px;font-size: 90%;border-style: none;background-color: transparent;}
.wpcf7-form-control-wrap.your-message {padding: 3px;border: 1px solid #999;background-color: #fffeef;}
.wpcf7-form .table_right textarea{width: 446px;font-size: 90%;line-height: 160%;border-style: none;background-color: transparent;}
.wpcf7-form .wpcf7-form-control-wrap {vertical-align: top;float: left;clear: both;}
.wpcf7-form .wpcf7-not-valid-tip {left: 5px;z-index: 100;background: #fffeef;font-size: 80%;border-style: none;color: gray;position: absolute;line-height: 130%;font-style: italic;width: auto;height: auto;top: 4px;}
.wpcf7-form .wpcf7-mail-sent-ng {background-color: #fff993;border: 1px solid #ecd766;padding: 10px;margin: 0;text-align: center;color: #ff7340;}
.wpcf7-form .wpcf7-form .table_left .necessary {color: #c00;font-size: 80%;margin-left: 2px;vertical-align: 4px;line-height: 130%;}
.wpcf7-form .submit input {background-color: #aea87f;color: #fff;font-size: 100%;padding: 5px 40px;border-style: none;cursor:pointer;}
.wpcf7-form .submit input:hover {background-color: #bfb88b;}



.table1{margin: 15px 0;width: 100%;font-size: 90%;line-height: 180%;color: #666;}
.table1 th{vertical-align: top;font-weight: normal;font-style: normal;text-align: left;background-color: #eee;padding: 5px;white-space: nowrap;border-bottom: 1px solid #fff;}
.table1 td{vertical-align: top;padding: 5px 5px 5px 10px;border-bottom: 1px dotted #999;}


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




/******画像の配置*****/
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left}
.wp-caption.alignleft {margin-right: 10px;margin-left: 0;}
.wp-caption.alignright {margin-left: 10px;margin-right: 0;}
.wp-caption.alignnone {margin: 0;}
.aligncenter {margin: 10px auto;display: block;clear: both;}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;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: 0 4px 5px;margin: 0;line-height: 17px;font-size: 11px;font-family: "MS PGothic", "Hiragino Kaku Gothic Pro", sans-serif;color: #666;}