@charset "UTF-8";


/* @override http://www.laporter.net/wp-content/themes/laporter/style.css */


/*
Theme Name: laporter_custom_theme
Theme URI: http://www.studiobrain.net/
Description: <a href="http://www.studiobrain.net/">Studio-BRAIN</a> が作成したCMS用テーマ。
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%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}




/*共通のタグ CommonTag*/
body{font: 14px/2 "Hiragino Kaku Gothic Pro", "MS PGothic", "Lucida Grande", Lucida, Verdana, sans-serif;}
h1,h2,h3,h4,h5,h6,p{padding: 0px 0 15px;}
ul,ol{padding: 0px 0 15px 30px;margin: 0;}
h1{font-size: 20px;line-height: 22px;}
h2{font-size: 18px;line-height: 20px;}
h3{font-size: 16px;line-height: 18px;}
h4{font-size: 14px;line-height: 16px;}
h5{font-size: 12px;line-height: 14px;}
h6{font-size: 11px;line-height: 13px;}
img{border: none;}
a{color: #666;text-decoration: none;}
a:hover{color: #999;text-decoration: underline;}


/*スペース領域 AreaSpace*/
#container{width: 850px;background-color: #fff;margin: 0 auto;padding: 0 20px 20px;}
#header{overflow: hidden;background: #fff url(img/header_bg.gif) no-repeat left top;height: 74px;}
#right{float: right;width: 230px;}
#rap{text-align:left;clear:both;float: left;width: 850px;padding: 0;}
#main{float: left;text-align:left;overflow: hidden;padding: 15px 0 0;width: 850px;}
.inbox {clear: both;padding: 10px 0;float: left;}
.news {width: 810px;padding: 15px 20px 0;}
#sidebar{width: 100%;overflow: hidden;padding: 0;margin: 0px;float: left;}
#footer{clear:both;background: url(img/footer_bg.gif) no-repeat left bottom;float: left;padding: 10px 0 0;text-align: center;width: 850px;}


/*ヘッダー Header*/
#header_left {float: left;}
#header_right {float: right;color: #fff;font-size: 12px;line-height: 17px;background: #fff url(img/header_incart.gif) no-repeat left top;padding: 44px 6px 0 0;}
.header_ttl a{height: 64px;display:block;background: url(img/laporter-logo.gif) no-repeat;text-indent: -9999px;width: 194px;}
.header_ttl{margin:0;padding: 0;font-weight: normal;font-style: normal;}
.header_ttl a:hover{color: #f0882b}
.header_description{font-size: 11px;color: #666;font-weight: normal;font-style: normal;line-height: 13px;margin: 0;padding: 10px 0 0;display: none;}
#header_right a {color: #fff;text-decoration: underline;}
#header #searchform {float: right;margin: 0;padding: 0;}
#header #searchform input{vertical-align: middle;height:20px;}
#header #searchform #s{vertical-align:middle;border: 1px solid #777;padding:1px;margin:0px;height:16px;background-color: #fff;width: 153px;}
#header #searchform #searchsubmit{border-width: 0;vertical-align: middle;margin: 0px;padding: 0px;height: 20px;}




/*ヘッダーナビ*/
#header_navi{padding: 0;width: 100%;float: left;clear: both;background: url(img/head-navi-bg.gif) no-repeat;}
#page_navi{white-space: nowrap;width: 850px;float: left;padding: 0;margin: 0;}
#page_navi li{padding: 0;margin: 0;float: left;}
#page_navi li a{padding: 0;float: left;height: 34px;text-indent: -9999px;}
#page_navi li.current_page_item a{}
.page-item-2 a {width: 110px;background: url(img/head-navi-top.gif) no-repeat 0 0;}
.page-item-8 a {width: 97px;background: url(img/head-navi-concept.gif) no-repeat 0 0;}
.page-item-10 a {width: 88px;background: url(img/head-navi-products.gif) no-repeat 0 0;}
.page-item-11 a {width: 86px;background: url(img/head-navi-company.gif) no-repeat 0 0;}
.page-item-13 a {width: 72px;background: url(img/head-navi-shops.gif) no-repeat 0 0;}
.page-item-15 a {width: 80px;background: url(img/head-navi-contact.gif) no-repeat 0 0;}
.page-item-2 a:hover {background: url(img/head-navi-top.gif) no-repeat 0 -68px;}
.page-item-8 a:hover {background: url(img/head-navi-concept.gif) no-repeat 0 -68px;}
.page-item-10 a:hover {background: url(img/head-navi-products.gif) no-repeat 0 -68px;}
.page-item-11 a:hover {background: url(img/head-navi-company.gif) no-repeat 0 -68px;}
.page-item-13 a:hover {background: url(img/head-navi-shops.gif) no-repeat 0 -68px;}
.page-item-15 a:hover {background: url(img/head-navi-contact.gif) no-repeat 0 -68px;}
.current_page_item a,.current_page_item a:hover {background-position: 0 -34px;}


/*トップ画像 Topimage*/
#topimage a{height: 280px;clear: both;background: url(img/main-image.gif) no-repeat left top;float: left;width: 850px;text-indent: -9999px;margin-top: -15px;}



/*トピックス*/
#topics {padding: 0 0 10px;float: right;width: 570px;}
#topics li {clear: both;padding: 0 0 0 20px;background: url(img/news-arrow.gif) no-repeat 8px 5px;}
#topics li .date {color: #951021;font-size: 12px;line-height: 14px;padding: 0 4px 0 0;}
.topics_ttl a{padding: 0 0 7px;background: url(img/news-head.gif) no-repeat left top;height: 23px;text-indent: -9999px;float: left;width: 100%;}



/* トップページ左広告スペース */
#pr_space {float: left;width: 260px;padding: 0;}
#pr_space a.luckybell {display: block;width: 260px;background: url(img/lap-lb-banner.gif) no-repeat;height: 114px;text-indent: -9999px;margin: 0 0 10px;}
#pr_space a.gutewahl {display: block;width: 260px;background: url(img/lap-gw-banner.gif) no-repeat;height: 43px;text-indent: -9999px;margin: 0;}




/*ぱんくず*/
.breadcrumb {padding: 8px 0 7px 10px;font-size: 13px;line-height: 15px;color: #333;border-bottom: 1px solid #6f9e31;margin: 0 0 10px;}
.breadcrumb a{color: #333;}
.breadcrumb a:hover{color: #666;}
#singlerap .breadcrumb {padding: 8px 0 0 9px;border-style: none;height: 19px;color: #fff;background: url(img/single-head.gif) no-repeat;margin: 0;}
#singlerap .breadcrumb a{color: #fff;}
#singlerap .breadcrumb a:hover{color: #ff3;}


/*コンテンツ Content*/
.content h3 {border-bottom: 1px solid #333;padding: 0 0 2px 4px;margin-bottom: 15px;font-size: 14px;line-height: 16px;color: #333;clear: both;}
.content {clear: both;font-size: 14px;line-height: 20px;display: block;overflow: hidden;}
.content .pagename{font-weight: bold;margin: 0;padding: 0;clear: both;color: #005376;font-size: 16px;line-height: 18px;height: 34px;}
.content .title{margin: 0;padding: 0 0 10px;}
.content .title a{text-decoration:none;display: block;}
.content .title a:hover{color:#E6332D;} 
.content a{color: #226db9;} 
.content a:hover{color: #2783de;} 
.content a.more-link {} 
.content ul{list-style-position: outside;margin: 0;padding: 0 0 15px 20px;line-height: 22px;font-size: 14px;list-style-type: none;}
.content ul li{padding: 0 0 0 8px;border-left: 3px solid #ccc;}
.content blockquote {margin: 0;padding: 10px 20px;background-color: #e1f5f9;clear: both;}
.content blockquote p{padding: 0px;margin: 0}
.content blockquote ol,.content blockquote ul{padding: 0px;margin: 0px 0px 0px 20px}
.content .postmetadata {font-size: 12px;line-height: 16px;margin: 0;color: #555;clear: both;border-top: 1px solid #999;padding: 0;}
.content pre {background-color: #eee;padding: 5px 15px;margin: 0 0 15px;}
.content em {font-weight: normal;font-style: normal;color: #f04e19;}
#pagerap {width: 850px;clear: both;}
#singlerap {width: 600px;float: left;background: url(img/single-bg.gif) repeat-y;}
#singlerap div.inbox {padding: 10px;clear: both;float: left;}
.content ol {list-style-position: outside;list-style-type: decimal;}
.content img {padding: 4px;border: 1px solid #999;}
.postmetadata div.cate_box {padding: 0;text-align: center;margin: 0;line-height: 14px;font-size: 12px;height: 12px;width: 600px;clear: both;}
#singlerap .postmetadata {background: url(img/single-foot.gif) no-repeat 0 bottom;clear: both;}
.content .tablestyle {margin: 0 0 20px;}
.content .tablestyle th {text-align: left;white-space: nowrap;padding: 3px 10px;background-color: #eee;}
.content .tablestyle td {padding: 3px 3px 3px 10px;border-bottom: 1px dotted #ccc;}

h3.title span.date {font-size: 12px;font-weight: normal;font-style: normal;line-height: 14px;}



/* 商品リスト */
#pagerap div.inbox .itemlist_head {background: url(img/list-head.gif) no-repeat;text-indent: -9999px;margin: 0;width: 850px;float: left;padding: 0;height: 30px;font-size: 1px;line-height: 1px;}
#pagerap div.inbox .itemlist {width: 850px;padding: 20px 0 0 30px;background: url(img/list-foot.gif) no-repeat 0 bottom;float: left;margin: 0;}
#pagerap div.inbox .itemlist ul{padding: 0;}
#pagerap div.inbox .itemlist li.item {width: 206px;height: 170px;display: inline;float: left;font-size: 12px;line-height: 14px;padding: 0;color: #333;}
#pagerap div.inbox .itemlist li.item a {width: 170px;height: 130px;float: left;border: 1px solid #999;text-indent: -9999px;background: url(img/nophoto.gif) no-repeat center center;margin: 0 0 5px;}
#pagerap div.inbox .itemlist li.item span.itemname {clear: both;float: left;width: 170px;}




/*page*/
.content.page {clear: both;display: block;padding: 20px 50px;}
.pagename-8 {background: url(img/concept-head.gif) no-repeat;height: 70px;padding: 0;margin: 0;text-indent: -9999px;}
.pagename-18 {background: url(img/products-head.gif) no-repeat;height: 70px;padding: 0;margin: 0;text-indent: -9999px;}
.pagename-11 {background: url(img/company-head.gif) no-repeat;height: 70px;padding: 0;margin: 0;text-indent: -9999px;}
.pagename-links {background: url(img/shops-head.gif) no-repeat;height: 70px;padding: 0;margin: 0;text-indent: -9999px;}
.pagename-15 {background: url(img/contact-head.gif) no-repeat;height: 70px;padding: 0;margin: 0;text-indent: -9999px;}
.pagename-21 {display: none;}
.pagename-news {display: none;}
.pagename-search {background: url(img/search-head.gif) no-repeat;height: 70px;padding: 0;margin: 0;text-indent: -9999px;}




/* 検索 */
#pagerap div.content.search {padding: 20px;}



/* ニュース */
#pagerap div.news h3.title a {color: #951021;}






/* リンク */
#pagerap #post-13 ul {margin: 0;padding: 0;list-style-type: none;}
li#linkcat-2.linkcat {border-left-style: none;}
#pagerap #post-13 ul h2 {font-size: 16px;line-height: 18px;margin: 0 0 10px;padding: 0 0 5px;border-bottom: 1px solid #666;color: #333;}
#pagerap #post-13 ul .linkcat ul {padding: 0 0 20px 15px;}
#pagerap #post-13 ul .linkcat li {padding: 3px 0 3px 14px;border-left: 3px solid #999;}




#singlerap .pagename {color: #666;padding: 8px 0 0 10px;font-size: 18px;line-height: 20px;margin: 0;}
.single.content h1 {color: #951021;margin: 15px 0;padding: 0 0 7px;border-bottom: 1px solid #951021;}
.single.content ul {padding: 0;list-style-type: none;margin-bottom: 20px;}
.single.content ul li {padding: 0 0 10px;	border-style: none;}
.single.content ul li strong {background-color: #eee;padding: 3px;width: 66px;float: left;margin-right: 5px;margin-top: -3px;}


#post-11 img.size-full.wp-image-420 {border-style: none;}
#post-11 #attachment_420 {float: left;padding: 0 22px 0 0;}
#post-11 p.wp-caption-text {text-align: center;font-size: 12px;}

.wp-caption.alignleft {float: left;padding-right: 15px;padding-bottom: 10px;}
.wp-caption.alignnone {padding-bottom: 10px;clear: both;}
.wp-caption-text {font-size: 12px;line-height: 14px;padding: 1px;text-align: center;background-color: #aaa;border: 1px solid #aaa;border-top-style: none;color: #fff;width: 156px;}






/*wp-pagenavi*/
.wp-pagenavi{text-align: center;clear: both;padding: 10px 0 0;float: left;width: 850px;}
.itemlist .wp-pagenavi {padding: 0 0 15px;clear: both;width: 790px;float: left;}
.wp-pagenavi a, .wp-pagenavi a:link {padding: 2px 4px 2px 4px;margin: 2px;text-decoration: none;border: 1px solid #4d8700;color: #4d8700;background-color: #fff;}
.wp-pagenavi a:visited {padding: 2px 4px 2px 4px;margin: 2px;text-decoration: none;border: 1px solid #4d8700;color: #4d8700;background-color: #fff;}
.wp-pagenavi a:hover {border: 1px solid #4d8700;color: #355f00;background-color: #fff;}
.wp-pagenavi a:active {padding: 2px 4px 2px 4px;margin: 2px;text-decoration: none;border: 1px solid #4d8700;color: #4d8700;background-color: #fff;}
.wp-pagenavi span.pages {padding: 2px 4px 2px 4px;margin: 2px;color: #000;border: 1px solid #4d8700;background-color: #fff;}
.wp-pagenavi span.current {padding: 2px 4px 2px 4px;margin: 2px;font-weight: bold;color: #fff;background-color: #4d8700;border: 1px solid #4d8700;}
.wp-pagenavi span.extend {padding: 2px 4px 2px 4px;margin: 2px;border: 1px solid #4d8700;color: #000;background-color: #fff;}




/*ナビゲーション Navi*/
.navigation{clear: both;padding: 20px 0;font-size: 11px;line-height: 13px;background-color: #fff;}
.navigation a{text-decoration: underline;}
.navigation a:hover{text-decoration: none;}
.navigation div.alignleft {text-align: left;}
.navigation div.alignright {text-align: right;}






/*サイドリスト*/
#sidebar ul {margin: 0;padding: 0 0 7px;background: url(img/list-r-foot.gif) no-repeat 0 bottom;font-size: 14px;line-height: 16px;}
#sidebar ul li {padding: 0;border: 1px solid #4d8700;border-top-style: none;border-bottom-style: dotted;}
#sidebar ul li a {display: block;background-color: #fff;padding: 6px 10px 3px;color: #4d8700;}
#sidebar ul li a:hover {text-decoration: none;background-color: #d3ea65;}
#sidebar p.module_title {background: url(img/list-r-head.gif) no-repeat;color: #fff;padding: 3px 0 0 10px;height: 26px;}


/*search*/
#search.widget {background-image: none;}
#searchform{text-align: right;}
#searchform input#s {width: 205px;padding: 3px;border: 1px solid #999;margin-bottom: 3px;}




/*フッター Footer*/
.copyright {background: url(img/footer.gif) no-repeat;font-size: 1px;line-height: 1px;text-indent: -9999px;float: left;width: 850px;height: 23px;margin: 0;padding: 0 0 8px;}
.control a {background: url(img/control-admin.gif) no-repeat;text-indent: -9999px;float: right;width: 65px;height: 16px;font-size: 1px;line-height: 1px;margin-top: -16px;clear: both;}



/* コンセプト */
#post-8 p.message {font-size: 16px;line-height: 26px;color: #3a5f00;padding: 0 0 30px;}
div#post-8.content.page {padding: 10px 50px;}
#post-8 ol.concept_box {padding: 30px 30px 20px 50px;margin: 0 30px 20px;list-style-position: outside;border: 1px solid #4d8700;background-color: #fffbec;}
#post-8 ol.concept_box h3 {border-bottom: 1px solid #4d8700;margin: -13px -10px 17px -30px;color: #3a6700;}
#post-8 ol.concept_box li {list-style-position: outside;}




/*コンタクトフォーム ContactForm*/
div#post-15.content.page {padding: 10px 140px;}
#contactform {font-size: 12px;line-height: 14px;width: 555px;background-color: #eee;padding: 10px 10px 10px 0;border: 1px solid #aaa;}
#contactform th {font-weight: normal;font-style: normal;width: 100px;padding: 3px;text-align: right;vertical-align: middle;}
#contactform td {font-weight: normal;font-style: normal;padding: 2px;text-align: left;}
#contactform input {border: 1px solid #999;padding: 3px;font-size: 12px;width: 220px;}
#contactform textarea {width: 420px;height: 120px;border: 1px solid #999;padding: 3px;font-size: 12px;line-height: 18px;}
#contactform .wpcf7-not-valid-tip-no-ajax {font-size: 11px;float: left;padding: 1px 1px 1px 5px;}
#contactform .submit input{border-style: none;height: 30px;width: 220px;color: #697600;font-size: 14px;background: url(img/submit.gif) no-repeat;margin: 9px 0 0 169px;}
#contactform .wpcf7-radio input {width: 12px;border-style: none;}
#contactform div.submit img.ajax-loader {vertical-align: middle;}



/*WP2.5ビジュアルエディタ*/
.content img.aligncenter {display: block;margin: 0 auto;}
.content img.alignleft {float: left;margin: 0 15px 15px 0;}
.content img.alignright {float: right;margin: 0 0 15px 15px;}
.content img.size-full {padding: 0;border-style: none;clear: both;}


/*その他 Others*/
.code{font-style: italic;color: #f60;border: 1px solid #b3b3b3;padding: 10px;font-size: 9px;margin: 10px 0;}
#main .edit{text-align: center;font-style: italic;padding: 0;float: right;width: 49px;height: 15px;margin: 0 15px 0 0;}
#singlerap .edit {margin-top: -20px;}
#main .edit a{width: 49px;height: 15px;float: right;text-indent: -9999px;background: url(img/edit.gif) left top;font-size: 1px;line-height: 1px;}
#main .edit a:hover{background-position: left bottom;}