/* -------------------------------------------------- */
/*               Takumiya Aibe CSS for PC             */
/*                                                    */
/* Copyright (c); Takumiya - Aibe all right reserved. */
/*                             written by hyperbird   */
/*                               designed July 2013   */
/* -------------------------------------------------- */

/* -------------------------------------- Common rule */
a { text-decoration: none; color: #334755; }
a:link { color: #334755; }
a:visited { color: #334755; }
a:hover {color: #334755; }
img {border:0;}
hr {border:1px dashed gray; clear: both; margin: 3px 0px;}

h1 {
        color:#334755;
        font-size: 1.5em;
        margin-top: 0px;
        }
h2 {
        margin-top: 0px;
        margin-bottom: 5px;
        letter-spacing: -1px;
        font-size: 1.3em;
        font-weight: 400;
}
h3 {
        color:#334755;
        font-size: 2em;
        font-weight: 600;
        margin: 10px 0px;
        letter-spacing: -1px;
}
.right {
        float: right;
        margin: 0 0 8px 12px;
        padding: 4px;
        background-color: #ffffff;
        border: 1px solid #cccccc;
        }
.indent {
        text-align:left;
        margin-left: 15px;
        }
.center {
        text-align:center;
        display:block;
        }
.centMidd {
        text-align:center;
        margin-top:5px;
        }

.box {
        margin: 0 4px 0px 4px;
        font-size: 0.8em;
        border: 0;
        }

/* -------------------------------------------- Link Animation */
a img {
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
       }

/* -------------------------------------------- Base */
body {
        margin: 0 0 0 0;
        font: 14px/1.231 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro';
        background:#333333 url(../images/full-back-tile.gif) repeat;
        }

#container {
        width: 750px;
        margin: 0 auto;
        font-size: 0.9em;
        background:#000000 url(../images/wt_JapanesePaper01.gif) repeat;
        }

#header {
        width: 750px;
        height: 210px;
        margin: 0 0 0 0;
        background: #ffffff;
        vertical-align: middle;
        z-index: 1;
        }
#header ul {
        list-style-type: none;
        text-align: center;
        margin: 90px 0px 0px 15px;
        padding: 0;
       }
#header li {
        display: inline;
        margin: 0;
        padding: 0;
       }
#header a {
        text-decoration: none;
        height: 80px;
        padding: 0 4px;
        margin: 0;
        line-height: 30px;
        display: block !important;
        float: left !important;
        border-left: 1px solid #aaaaaa;
        }

#main {
        clear: both;
        margin: 10px 20px 10px 20px;
        }

#footer {
        clear: both;
        background-color: #ffffff;
        color: #777777;
        width: 100%;
        height: 22px;
        font-size: 0.7em;
        text-align: right;
        }

#headerLogo {
        width: 480px;
        height:201px;
        float: left;
        margin: 0px 0px;
        text-align: right;
        padding: 1px;
        }

#topMenu {
        width: 240px;
        height:201px;
        float: right;
        margin: 0px 2px;
        padding: 1px;
        }

/* -------------------------------------------- Each contents */
#mainImage {
        width: 750px;
        height: 300px;
        color: #334755;
        background:#000000 url(../images/takumiyaaibe-image.jpg);
        margin: 0 0px;
        padding: 0;
        position: relative;
        }
#bar {
        width: 750px;
        height: 30px;
        background: #000000 url(../images/bar.jpg) repeat-x;
        padding: 0;
        }

#stamp {
        width: 200px;
        height: 200px;
        margin: 0 30px 10px 0;
        float: left;
       }

#strain-side1 {
        font-size: 1.4em;
        font-weight: bold;
        color: #333333;
        margin-top:0px;
       }

#subtitle {
        clear: both;
        font-size: 1.4em;
        margin-left: 20px;
       }

#dataTitle {
        width: 100px;
        height:30px;
        float: left;
        margin: 0px 5px 5px 30px;
        padding: 1px;
        background: #334755;
        font-size: 1.5em;
        font-weight: bold;
        color: #cccccc;
        text-align:center;
        }
#dataSheet {
        width: 530px;
        height: 30px;
        float: right;
        margin: 0px 30px 5px 0px;
        padding: 1px;
        }
#dataSheet2 {
        width: 70px;
        height: 30px;
        margin: 0 auto 5px 145px;
        text-align: left;
        padding: 1px;
        }
#dataSheet3 {
        width: 445px;
        height: 30px;
        float: right;
        margin: 0 30px 5px 0;
        text-align: left;
        padding: 1px;
        }

#menuBoxL {
        width: 300px;
        float: left;
        margin: 0 2px 0 40px;
        text-align: left;
        padding: 1px;
        }
#menuBoxL h1 {
        background:#333333;
        }

#menuBoxR {
        width: 300px;
        float: right;
        margin: 0 2px;
        text-align: left;
        padding: 1px;
        }
#comment {
        font-size: 0.8em;
        color:#334755;
       }
#price {
        font-size: 1.0em;
        margin-left: 150px;
        padding: 1px;
       }

#embeddedGoogleMap {
        width: 500px;
        height: 400px;
        margin: 10px auto;
       }
#d-map {
        width: 100%;
        height: 220px;
        margin: 10px auto;
       }

#infoTextArea {
        width: 100%;
        height: 170px;
        margin: 0 0 0 0;
        vertical-align: middle;
        z-index: 1;
        }
#logoMiddle {
        width: 320px;
        height:151px;
        float: left;
        margin: 0px 0px;
        text-align: right;
        padding: 1px;
        }
#accessText {
        width: 350px;
        height:221px;
        float: right;
        margin: 0px 2px;
        padding: 1px;
        }

#main table {
        clear:both;
        margin-left: 80px;
        width:480px;
        font-size:16pt;
}
#main table td {
        border-bottom:1px blue;
}
#title {
        clear:both;
        margin-left: 20px;
        margin-bottom: 10px;
}

/* -------------------------------------------- boxs */
#box1 h2, #box2 h2, #box3 h2 {
        margin-left: 8px;
        }

#box1 {
        width: 210px;
        float: left;
        margin: 0 2px;
        text-align: left;
        padding: 1px;
        }
#box2 {
        margin: 0 auto 0 250px;
        width: 210px;
        text-align: left;
        padding: 1px;
        }
#box3 {
        width: 210px;
        float: right;
        margin: 0 2px;
        text-align: left;
        padding: 1px;
        }

/*--------------------------------------------- site map area */
#sideMenu li, #siteMap li {
        margin-left: 20px;
        list-style-position: inside;
        list-style-image: url(../images/link-button.gif);
        }

#sideMenu {
        width: 230px;
        height:570px;
        float: left;
        margin: 20px 0px;
        text-align: left;
        padding: 1px;
        }
#embeddedTwitter {
        width: 460px;
        height:570px;
        float: right;
        margin: 20px 0px;
        text-align: left;
        padding: 1px;
        }

#bottomArea {
        clear: both;
        margin: 10px 20px;
        }

#siteMap {
        width: 210px;
        height: 220px;
        margin: 0 2px;
        text-align: left;
        padding: 1px;
        float: left;
        }
#snsLink {
        width: 210px;
        height: 220px;
        margin: 0 auto 0 250px;
        text-align: left;
        padding: 1px;
        }
#qrLink {
        width: 180px;
        height: 220px;
        margin: 0 15px 0px 2px;
        text-align: left;
        padding: 1px;
        float: right;
        }


/* -------------------------------------------- CSS EOF */