* {
margin: 0px;
padding: 0px;
}
body {
text-align: center;
background :#fff url(img/bg.jpg);
font-size:12px;
color:#333;
}
a:link {color:#003399;}
a:visited {color:#003399;}
a:hover {color:#003399;}
img { border:0; }

.center { text-align: center; }
.right { text-align: right; }
.small { font-size: 10px; line-height: 140%; }
.clear { clear: both }
.big { font-size: 14px; font-weight: bold; color: #666; }

#banner {
color:#333;
background:#fff;
height: 100px;
overflow:hidden;
}
#container {  
background-image : url(img/bg2.jpg);
margin:auto;
width: 790px;
}
#content {
width:750px;
margin:auto;
}
#left {
    width: 190px;
    float: left;
padding-bottom: 30px;
    }
#main{
    width:560px;
    float: right;
padding-bottom: 30px;
background: url(img/bg_main.jpg) repeat-y;
    }
#foot {
clear: both;
    margin-right: auto;
    margin-left: auto;
    width:750px;
    border-top:3px solid #CCCCCC;
    }

/* ヘッダー */
#head {
text-align: left;
width:750px;
margin: auto;
    }
.logo, .head_body { float:left;}
.head_body {
width:551px;
height: 100px;
}
.description {
height: 65px;
text-align: right;}
#head_menu { height: 35px; }
#head_menu div { float: left; }
.head_sub {
background: url(img/bg_pan.jpg);
padding:5px; text-align:right;
}
.head_line {
color:#333;
height: 5px;
background: #3366CC;
}

/* パンくずリスト */
.pan {
background: url(img/bg_pan.jpg);
padding: 5px;
text-align: left;
float: left; }

/* レフトメニュー */
#left img {
margin-top: 10px;
}
.left_menu {
margin: 5px 0px 0px 0px;
text-align: left;
list-style:none;
}
.left_menu li {
margin: 0px 10px 0px 10px;
height:30px;
border-bottom: 1px dotted #999;
}
.left_menu a {
position: relative;
top:7px; left:15px;
}
#left p {
line-height: 130%;
text-align: left;
margin: 10px 15px 0px 15px;
}
#left .bn {
margin:0px;
}
#left form {
padding: 0px 0px 10px 0px;
margin: 10px 0px 0px 10px;
}
#left .input {
background: #fff;
width: 110px;
color: #333;
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0px 5px 0px 0px;
padding: 1px 1px 1px 3px;
}
#left .btn {
background: #eee;
color: #333;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
margin: 0px 5px 0px 0px;
padding: 0px 5px 0px 5px;
}
#left hr {
width: 170px;
border-top: 1px solid #fff;
}

/* メイン */
#main .img {
padding: 10px 0px 10px 0px;
}

/* エントリー */
.entry {
text-align: left;
margin: 20px 10px 20px 10px;
line-height: 150%;
}
.entry li {
margin-left: 40px;
}
.entry h3 {
margin: 20px 30px 0px 30px;
}
.entry p {
margin: 20px 30px 0px 30px;
}
.nav {
margin: 20px 30px 20px 30px;
padding:3px;
background: #eee;
}

/* トラバ */
.trackbacks h3 {
color: #333;
font-size: 12px;
font-weight: normal;
background: #ccc;
padding-left: 5px;
}
.trackbacks {
border: 1px dotted #666;
text-align: left;
padding: 20px;
margin: 20px 60px 20px 60px;
}
/* コメント */
.comment {
border-bottom: 1px dotted #666;
text-align: left;
padding: 0px 10px 10px 10px;
margin: 10px 0px 10px 0px;
line-height: 150%;
}
.comments h3 {
color: #333;
font-size: 12px;
font-weight: normal;
background: #ccc;
padding-left: 5px;
}
.comments {
border: 1px dotted #666;
text-align: left;
padding: 20px 20px 20px 20px;
margin: 20px 60px 20px 60px;
}
.comments-open-header {
margin: 20px 0px 10px 0px;
}
.comments-open-moderated {
font-size: 10px;
margin: 0px 0px 10px 0px;
}
#comments-open {
text-align: left;
}
#comments {
line-height:130%;
text-align: left;
}
#comments input {
background: #eee;
color: #333;
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 1px 1px 1px 3px;
}
#comments btn {
background: #eee;
color: #333;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
margin: 0px 5px 0px 0px;
padding: 0px 5px 0px 5px;
}
#comments textarea {
background: #eee;
color: #333;
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 1px 1px 1px 3px;
margin: 0px 0px 10px 0px;
}

#main .form {
background: #eeeeff;
line-height: 150%;
border: 3px double #FF9900;
padding: 20px;
margin: 20px 100px 20px 100px;
text-align: left;
}
#main .input {
width: 110px;
color: #333;
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0px 5px 0px 0px;
padding: 1px 1px 1px 3px;
}
#main .btn {
color: #333;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
margin: 10px 5px 0px 0px;
padding: 0px 5px 0px 5px;
}

/* プロフィール */
.entry ul {
line-height: 150%;
margin-left: 10px;
text-align: left;
list-style-type: none;
}
.entry ul .title {
padding: 2px 0px 2px 5px;
background: #ccc;
color: #333;
}
.entry ul .item {
padding: 5px 0px 5px 5px;
}
.prof2 p {
padding: 5px 0px 15px 15px;
}

/* FAQ */
#faq {
text-align: left;
padding: 0px 40px 40px 40px;
}
#faq .q {
padding: 10px 0px 5px 5px;
list-style: url(./img/icon_q.gif);
}
#faq .a {
margin: 10px 0px 30px 20px;
padding: 0px 0px 20px 5px;
list-style: url(./img/icon_a.gif)
}
/* 会社概要 */
.corp {
margin: auto;
}
.corp td {
font-size: 12px;
text-align: left;
padding: 5px;
line-height: 130%;
}

/* メルマガ */
.mail {
text-align: left;
padding: 10px 0px 0px 10px;
background: url(img/bg_mail.jpg) bottom no-repeat;
}
.mail p {
font-size: 10px;
text-align: right;
padding-right: 10px;
color: #cc0000;
}
.mail ul {
list-style: url(img/arrow.gif);
padding: 0px 0px 10px 45px;
line-height: 200%;
letter-spacing: 0.2em;
}
.mail li {
padding: 0px 0px 0px 10px;
}

/* ニュース */
.news {
text-align: left;
padding: 10px 0px 0px 10px;
background: url(img/bg_news.jpg) bottom no-repeat;
}
.news ul {
list-style: none;
padding: 10px 0px 10px 10px;
line-height: 200%;
}

/* 商品 */
.product {
text-align: left;
padding: 0px 0px 0px 10px;
}
.product div {
width: 180px;
float: left;
height: 225px;
}
.product p {
padding: 5px;
}
top_table p {
padding: 5px;
}
.product .lr {
background: url(img/bg_product.gif) 0px 100px;
}
.product .lr2 {
background: url(img/bg_product.gif) 0px 100px;
border-bottom: 1px solid #ccc;
}
.product .c2 {
border-bottom: 1px solid #ccc;
}
.product .center {
padding: 0px;
}

/* ブログ */
#main .blog {
clear:both;
margin: 10px 0px 0px 0px;
}

/* メディア */
.media {
text-align: left;
padding: 10px 0px 0px 10px;
background: url(img/bg_media.jpg) bottom no-repeat;
height: 260px;
}
.media ul {
list-style: none;
}
.media li {
height: 90px;
width: 250px;
float: left;
padding: 0px 0px 20px 20px;
}
.media img {
margin: 0px 5px 20px 0px;
}

/* 声 */
.voice {
clear:both;
text-align: left;
padding: 10px 0px 10px 10px;
}
.voice ul {
list-style: none;
line-height: 120%;
padding: 3px 0px 0px 0px;
}
.voice li {
float: left;
margin:5px;
border: 1px solid #ccc;
width: 260px;
height: 105px;
}
.voice li img {
width:61px;
height:70px;
margin: 3px 5px 3px 5px;
}
.voice p {
background: #fff;
color: #333;
margin: 5px;
font-size: 10px;
}
.next {
font-size: 10px;
text-align: right;
margin: 0px 5px 3px 0px;
}

/* 本 */
.books {
height: 250px;
clear:both;
text-align: left;
padding: 10px 0px 10px 10px;
background: url(img/bg_news.jpg) bottom no-repeat;
}
.books ul {
text-align: center;
list-style: none;
line-height: 120%;
padding: 20px 0px 0px 0px;
}
.books li {
margin: 10px;
float: left;
width: 150px;
}

/* フッター */
.foot_menu {
background-color: #DBD8C7;
border-bottom: 1px solid #C8C7C2;
color: #666666;
margin:0px;
padding: 10px 0px 10px 0px;
text-align: center;
}
#foot_list ul {
margin: 0px;
padding: 0px;
white-space: nowrap;
}
#foot_list li {
margin: 0px;
padding: 0px;
display: inline;
list-style-type: none;
}
#foot_list a {
top: 0px;
left: 0px;
padding: 0px 3px 0px 3px;
margin: 0px;
}
.foot_menu2 {
background-color: #E1E1E1;
padding: 5px;
color: #333333;
text-align: right;
}
.foot_menu3 {
color:#333;
background-color: #CCCCCC;
padding: 5px;
text-align: left;
line-height: 140%;
}
.copy {
background: #333333;
color: #FFFFFF;
text-align: center;
padding: 5px;
}

/* RSS */
.rss {
margin-top: 10px;
}
#left .rss img {
margin: 0px;
}

/* MINDLABO */
.ml {
border-top: 1px solid #ccc;
margin: 20px 5px 20px 5px;
font-size: 10px;
padding-bottom: 10px;
line-height: 200%;
}
.ml a:link {
color:#333;
background: #fff;
text-decoration: none;
}
.ml a:visited {
color:#333;
background: #fff;
}
.ml a:hover {
background: #fff;
color:#333;
text-decoration: underline;
}

/* コメントエラー */
.pkg {
margin-top: 100px;
line-height: 200%;
}
.pkg blockquote {
margin-top: 30px;
color: #cc0000;
background: #fff;
}
.pkg2 {
line-height: 200%;
text-align: left;
margin: 20px 40px 20px 50px;
}
.pkg2 h3 {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
background: #eee;
color: #333;
font-size: 14px;
font-weight: bold;
padding: 5px;
}