@charset "shift_jis";

* {
   margin: 0;
   padding: 0;
}


/* 全体設定 ここから */

html, body {
   height: 100%;
}

body {
   color: #323232;
   font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック","MS P Gothic",sans-serif;
   background-color: #999999;
   text-align: center;
   font-size: 12px;
}

img {
   border: 0;
   vertical-align: bottom;
}

hr {
   display: none;
}


a:link {
   color: #323232;
   text-decoration: none;
}

a:visited {
   color: #323232;
   text-decoration: none;
}

a:hover {
   color: #3399ff;
   text-decoration: none;
}

a:active {
   color: #3366cc;
   text-decoration: none;
}

a:focus{
   outline: none;
}

/* 全体設定 ここまで */


/* レイアウト設定 ここから */

#pageBody {
   text-align: left;
   width: 860px;
   margin: 0 auto -40px auto;
   background-color: #ffffff;
   border-left: 1px solid #767676;
   border-right: 1px solid #767676;
   min-height: 100%;
}

#pageTop {
   margin: 0px 30px 0px 30px;
}


#contents {
   width: 580px;
   padding-left: 20px;
   float: right;
   margin: 25px 0px 40px 0px;
}

#side {
   width: 180px;
   margin: 25px 0px 40px 0px;
   padding: 0px 20px 0px 0px;
   float: left;
}

#footer {
   clear: both;
   width: 800px; 
   height: 40px;
   border-top: 1px solid #999999;
   text-align: center;
   margin: 0px 0px 0px 30px;
   padding: 10px 0px 0px 0px;
}


address {
   font-style: normal;
   font-size: 0.8em;
}

/* レイアウト設定 ここまで */



/* ヘッダ構造 ここから */


h1 {
   padding: 25px 0px 0px 0px;
   float: left;
}

h2 {
   padding: 25px 0px 0px 70px;
   float: left;
}


#companyLink {
   height: 25px;
   margin: 33px 0px 0px 0px;
   padding: 0px 0px 0px 15px;
   float: right;
   border-left: 2px solid #cccccc;
}

#headerImage {
   clear: both;
   width: 800px;
   height: 200px;
   padding: 20px 0px 0px 0px;
   position: relative;
   z-index: 0;
}


#globalNavi {
   height: 25px;
   width: 800px;
   margin-top: -25px;
   position: absolute;
   z-index: 5;
   background-image: url(images/navi_bg.png);
   background-repeat: no-repeat;
}

#naviList {
   list-style-type: none;
   float: right;
   margin-right: 12px;
}

#naviList li {
   display: inline;
}



/* ヘッダ要素 ここまで */

#contentsWrap {
   clear: both;
   position: relative;
}

/* トップページ ここから */

h3 {
   margin: 0px 0px 5px 0px;
}

.mainParagraph {
   font-size: 0.9em;
   margin: 10px 0px 20px 0px;
}

.agendaTable {
   width: 580px;
   font-size: 1em;
   border-top: 2px solid #cccccc;
   border-bottom: 2px solid #cccccc;
}

.agendaTable th {
   width: 103px;
   color: #0066ff;
   border-right: 2px dotted #cccccc;
   text-align: center;
   font-weight: bold;
}

.agendaTable td {
   width: 184px;
   font-size: 0.9em;    
   text-align: left;
   font-weight: bold;
   color: #777777;
   padding: 5px 5px 5px 5px;
}

.agenda1 {
   width: 184px;
   border-right: 2px solid #cccccc;    
}


/* トップページ ここまで */



/* 個別ページ設定 ここから */

#localHeader {
   width: 100%;
   height: 98px;
   position: relative;
}

#rootListArea {
   width: 610px;
   position: absolute;
   padding: 2px 0 2px 0;
   right: -30px;
   bottom: 0px;
   background: url(images/rootList_bg.png) repeat-y;
}

* html #rootListArea {
   width: 610px;
   position: absolute;
   padding: 2px 0 2px 0;
   right: -30px;
   bottom: 28px;
   background: url(images/rootList_bg.png) repeat-y;
}

#rootList {
   list-style-type: none;
   color: #d3d3d3;
   font-size: 0.8em;
   font-weight: bold;
   text-align: left;
   float: right;
   margin: 0 30px 0 0;
}

* html #rootList {
   list-style-type: none;
   color: #d3d3d3;
   font-size: 0.8em;
   font-weight: bold;
   text-align: left;
   float: right;
   margin: 0 15px 0 0;
}

#rootList li {
   display: inline;
   margin: 0 0 0 3px;
}

#rootList li a {
   margin: 0 5px 0 0;
   color: #d3d3d3;
}

h1.eachPage {
   margin: 0px -30px 0px 0px;
   padding: 0px 0px 0px 0px;
   position: relative;
}


h2.eachPage {
   width: 580px;
   margin: 0px 0px 30px 0px;
   padding: 7px 0px 4px 0px;
   border-top: 2px solid #cccccc;
   border-bottom: 2px solid #cccccc;
   font-size: 1.1em;
   font-weight: normal;
   text-align: center;
}


/* 個別ページ設定 ここまで */


/* 会社概要 ここから */

#aboutCompany {
   width: 580px;
}

#aboutCompany th, td {
   vertical-align: top;
   text-align: left;
   padding: 5px 0px 5px 0px;
}

#aboutCompany th {
   width: 120px;
}

#aboutCompany td {
   width: 460px;
}

#cor_list1 {
   width: 400px;
   padding-left: 15px;
   list-style-type: round;
   float: left;
}

#cor_list1 li {
   padding: 0px 0px 5px 0px;
}

#cor_list2 {
   width: 200px;
   padding-left: 15px;
   list-style-type: round;
   float: right;
}

#cor_list2 li {
   padding: 0px 0px 5px 0px;
}

/* 会社概要 ここまで */


/* お問い合わせ ここから */
#form1 {
   clear: left;
}

#formTable {
   border-top: 2px solid #cccccc;
   border-bottom: 2px solid #cccccc;
   border-collapse: collapse;
   font-size: 0.9em;
   margin-bottom: 10px;
}

#formTable th {
   width: 150px;
   padding: 10px;
   border-top: 1px solid #cccccc;
}

#formTable td {
   width: 430px;
   padding: 10px 0px 10px 0px;
   border-top: 1px solid #cccccc;
}

.required {
   color: #cc0000;
}

.formNote {
   font-size: 0.8em;
   color: #cc0000;
   text-align: right;
}

#contactButton {
   text-align: center;
}


#inputError {
   text-align: center;
   margin-bottom: 10px;
}

#inputError .requiredItem {
   text-align: center;
   color: #cc0000;
}

#contactButton1 {
   text-align: center;
   margin-top: 20px;
}

#confirm p {
   font-size: 0.9em;
   padding: 10px;
}

#confirmTable {
   border-top: 2px solid #cccccc;
   border-bottom: 2px solid #cccccc;
   border-collapse: collapse;
   font-size: 0.9em;
   margin-bottom: 10px;
}

#confirmTable th {
   width: 150px;
   text-align: left;
   padding: 10px;
   border-top: 1px solid #cccccc;
}

#confirmTable td {
   width: 430px;
   padding: 10px 0px 10px 0px;
   border-top: 1px solid #cccccc;
}

#confirmButton {
   text-align: center;
}

#completeSubmit {
   text-align: center;
}

#reset {
   width: 6em;
   font-size: 1em;
   margin-right: 10px;
}

#submit {
   width: 6em;
   font-size: 1em;
}

#confirmBack {
   width: 7em;
   font-size: 1em;
   margin-right: 10px;
}

#submitButton {
   width: 6em;
   font-size: 1em;
}

#backButton {
   width: 7em;
   font-size: 1em;
}



/* サイド ここから   */

/* サイド ナビ ここから */

#sideNavi {
   list-style-type: none;
   margin-bottom: 30px;
}

#sideNavi li {
   background-image: url(images/side_navi-arrow.gif);
   background-position: left center;
   background-repeat: no-repeat;
   margin-bottom: 3px;
   padding: 6px 0px 6px 14px;
   font-size: 0.9em;
   border-top: 2px solid #cccccc;
   border-bottom: 2px solid #cccccc;
}

#sideNavi li.with_child {
   background-position: left top;
}
#sideNavi li.with_child ul {
   margin: 2px 0 0 0;
}
#sideNavi li.with_child ul li {
   background-image: url(images/side_navi-childarrow.gif);
   background-position: left center;
   padding: 3px 0px 3px 8px;
   border: none;
   list-style-type: none;
}
#sideNavi .sideNaviTop {
   border-top: 2px dotted #cccccc;
}

#sideNavi .sideNaviBottom {
   border-bottom: 2px dotted #cccccc;
}

* html #sideNavi li {
   padding: 3px 0px 2px 14px;
}


/* サイド ナビ ここまで */

/* ショップリンク ここから */
#shopLink {
   margin: 0 0 20px 14px; 
}
/* ショップリンク ここまで */


/* 会社住所 ここから */

#companyAddress {
   color: #696969;
   font-size: 0.9em;
}

#companyAddress dd li {
   list-style-type: none;
   color: #696969;
}

/* 会社住所 ここまで */




/* 
   製品ページ ここから
*/

/* コンセプト紹介 */

#magic_concept {
   margin: 0 0 20px 0px;
   line-height: 1.6em;
   font-weight: bold;
}

#magic_concept img {
   margin: 0 0 5px 0;
}

/* 使用例紹介 */
.magic_example {
   width: 470px;
}

.magic_example dt {
   margin: 0 0 10px 0;
}
.magic_example dd {
   overflow: hidden;
}
.magic_example dd ul {
   list-style-type: none;
}

.magic_example01 {
   float: left;
   margin: 0 0 5px 0;
}
.magic_example01 p {
   margin: 0;
}
.magic_example02 {
   float: right;
   margin: 0 0 5px 0;
}
.magic_example02 p {
   margin: 0;
}

.example_cap {
   clear: both;
   font-size: 0.9em;
   padding: 0 5px 0px 5px;
}

/* 使用製品 */
.magic_product {
   width: 100%;
   overflow: hidden;
}
.magic_product dd ul {
   list-style-type: none;
}

.magic_product dd ul li {
   width: 220px;
   float: left;
   display: inline;
   margin: 15px 8px 0 7px;
}

.magic_product .product_name {
   font-weight: bold;
}

.magic_product .product_price {
   font-weight: bold;
}

.magic_product .product_detail {
   font-size: 0.9em;
}

.magic_product dd ul li dl.product_landscape dd img {
   margin: 0 0 0 25px;
}

.magic_product dd ul li dl.product_portrait {
   width: 130px;
   float: left;
   margin: 0 5px 0 0;
}

.magic_product dd ul li dl.product_portrait dd.product_detail {
   margin: 20px 0 0 0;
}


/* マーカー */
#marker_product {
   width: 100%;
   overflow: hidden;
}

#marker_product dd dl {
   float: left;
   display: inline;
   margin: 15px 8px 0 8px;
}

#marker_product .product_name {
   font-weight: bold;
}
#marker_product dd dl {
   overflow: hidden;
}
#marker_product dd dl dd.marker_subimg {
   margin: 10px 0 10px 0;
}
#marker_product dd dl dd.marker_subimg li {
   margin-right: 10px;
   display: inline;
   float:left;
}
#marker_product dd dl dd.marker_subimg li.last {
   margin-right: 0px;
}
#marker_product dd dl dd.product_price {
   font-weight: bold;
   margin: 0 0 5px 0;
}

#marker_product dd dl dd.product_detail {
   clear: both;
   font-size: 0.9em;
   padding: 5px 0 0 0;
}


/* ページトップへ */
p.gotoTop {
   text-align: right;
   font-size: 0.8em;
   margin: 3px 0 10px 0;
}
p.gotoTop a {
   color: #6a6a6a;
   padding-left: 11px;   
   background: url(images/gotoTop_bg.gif) no-repeat left center;
   text-decoration: underline;
}