@charset "utf-8";
body{
color:#000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
background-color:#ffffff;
}
*{
margin:0;
padding:0;
text-align:left;
line-height:1.5em;
}
#mainimg {
background:url("/img/bg.png") repeat scroll 0 0 transparent;
height:250px;
border:1px solid #CCCCCC;
overflow:hidden;
}

#maintxt {
    overflow: hidden;
    position: relative;
    top: -250px;
    padding: 10px;
}
#maintxt a {
    background: none repeat scroll 0 0 #00AEEF;
    border: 1px dotted #FFFFFF;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: x-small;
    font-weight: bold;
    height: 50px;
    width: 50px;
    margin: 0 10px 10px 0;
    overflow: hidden;
    text-decoration: none;
}
#maintxt a:hover {
    color: #000000;
    font-size: 50px;
    background: none repeat scroll 0 0 #FFDF1B;
}
#maintxt2 {
    color: #FFFFFF;
    font-size: 100px;
    font-weight: bold;
    margin-left: 10px;
    position: relative;
    top: -250px;
}
.lqd {
    color: #000000;
    font-size: 100px;
    font-weight: bold;
}
.main_left {
float:left;
width:48%;
}
.main_right {
float:right;
width:48%;
}
.none {
clear:both;
}
.fleft {
float:left;
}
.fright {
float:right;
}
.clearfix, .lightbox {
zoom:1;
}
.clearfix:after, .lightbox:after {
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/* イメージ画像 */
#imgbox p{
    background-color: #00AEEF;
    color: #FFDF1B;
    font-size: large;
    font-weight: bold;
    margin: 10px;
    padding: 5px;
    width: 40%;
}
#web #imgbox {
background:transparent url(img/web.jpg) no-repeat scroll left top;
height:180px;
border:1px solid #CCCCCC;
}
#point #imgbox {
background:transparent url(img/point.jpg) no-repeat scroll left top;
height:180px;
border:1px solid #CCCCCC;
}
#template #imgbox, #csstouch_mt #imgbox,#csstouch_openpne #imgbox{
background:transparent url(img/css.jpg) no-repeat scroll left top;
height:150px;
border:1px solid #CCCCCC;
}
#seo #imgbox {
background:transparent url(img/seo.jpg) no-repeat scroll left top;
height:150px;
border:1px solid #CCCCCC;
}
#sem #imgbox {
background:transparent url(img/sem.jpg) no-repeat scroll left top;
height:150px;
border:1px solid #CCCCCC;
}
#search #imgbox {
background:transparent url(img/search.jpg) no-repeat scroll left top;
height:200px;
border:1px solid #CCCCCC;
}
#corporate #imgbox {
background:transparent url(img/mt.jpg) no-repeat scroll left top;
height:250px;
border:1px solid #CCCCCC;
}
#corporate #imgbox strong {
display:block;
font-size:large;
margin:70px 50px 0 0;
text-align:right;
}
a#imgbox {
display:block;
color:#000000;
text-decoration:none;
padding:0 10px;
}
a#imgbox strong {
margin:80px 0 0 0;
text-align:right;
}
#mtimg001 {
background:transparent url(img/mt001.jpg) no-repeat scroll left top;
height:150px;
border:1px solid #CCCCCC;
}
#formimg {
background:transparent url(img/form.jpg) no-repeat scroll left top;
height:180px;
border:1px solid #CCCCCC;
}
.txtS{
font-size:x-small;
}
.txtL{
font-size:medium;
font-weight:bold;
}
.txtXL{
font-size:large;
font-weight:bold;
}
.m5{
margin:5px;
}
.m10{
margin:10px;
}
.mt5{
margin-top:5px;
}
.mt10{
margin-top:10px;
}
.mt20{
margin-top:20px;
}
.mt30{
margin-top:30px;
}
.mr10{
margin-right:10px;
}
.ml10{
margin-left:10px;
}
.ml30{
margin-left:30px;
}
.mb5{
margin-bottom:5px;
}
.mb10{
margin-bottom:10px;
}
.mb20{
margin-bottom:20px;
}
.mb30{
margin-bottom:30px;
}
.p10{
padding:10px;
}
.pt10{
padding-top:10px;
}
.pr10{
padding-right:10px;
}
.pl10{
padding-left:10px;
}
.pb10{
padding-bottom:10px;
}
.txt_center{
text-align:center;
}
.boxp{
width:90%;
margin-left:5%;
}
.boxp p{
margin: 10px;
background-color:#ffffff;
}
hr{
clear:both;
margin:10px 0;
background-color:#CCCCCC;
height:1px;
border:0 none;
}
img{
border:0 none;
}
table{
margin-left:5%;
margin-bottom:20px;
width:90%;
border-style:solid;
border-color:#CCCCCC;
border-width:1px 0 0 1px;
border-collapse:collapse;
}
th{
padding:5px;
border-style:solid;
border-color:#CCCCCC;
border-width:0 1px 1px 0;
background-color:#f8f8f8;
}
td{
padding:5px;
border-style:solid;
border-color:#CCCCCC;
border-width:0 1px 1px 0;
}

#wrapper{
width:100%;
text-align:center;
}
#contents{
margin:0 auto;
padding: 0 5%;
}
#header{
margin-top:10px;
width:100%;
}
#navi{
    border-bottom: 1px solid #CCCCCC;
    padding: 5px 0;
}

#main{
width:78%;
margin-right:2%;
margin-bottom:10px;
float:left;
}
#sub{
margin-bottom:10px;
width:20%;
float:left;
}
h2 {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    font-size: large;
    padding-left: 5px;
}
h3 {
    border-color: #CCCCCC;
    border-style: dotted;
    border-width: 0 0 1px;
    font-size: large;
    margin: 20px 0 10px 0;
}

.box h3{
margin:5px 0;
border:0 none;
}
#index .indexbox h3 {
    font-size: small;
    margin: 0;
}
#index .indexbox h3 a {
    padding: 10px 0;
    color: #000000;
    display: block;
    text-decoration: none;
}
#index .indexbox h3 a:hover {
    background-color: #FFDF1B;
}

h4{
    font-size: medium;
    margin: 15px 0 10px;
}

#footer{
color:#FFFFFF;
padding:77px 0;
clear:both;
border-top:1px solid #FFFFFF;
background:none repeat scroll 0 0 #00AEEF;
}
#footer a{
color:#FFFFFF;
}
#footer address{
font-style:normal;
font-weight:normal;
}

/* グローバルナビ */
#gn li{
border-style:solid;
border-color:#CCCCCC;
border-width:1px 1px 0 0;
float:left;
list-style-type:none;
margin:5px 0 0 0;
white-space:nowrap;
position:relative;
top:1px;
}
#gn a{
color:#000000;
display:block;
padding:5px;
text-decoration:none;
border-bottom: 1px solid #CCCCCC;
}
#gn a:hover{
background-color:#FFDF1B;
}

#gn li.form a{
background: url("/img/basket.png") no-repeat scroll 5px 50% #FFDF1B;
padding-left: 25px;
color: #000000;
}
#gn li.login{
float:right;
border:1px solid #CCCCCC;
}
#gn .index {
border-left:1px solid #CCCCCC;
}

#index #gn .index{
z-index:1;
}
#index #gn .index a{
background-color:#ffffff;
border-bottom:1px solid #ffffff;
}
#index #gn .index a:hover{
color:#000000;
}
#point #gn .point{
z-index:1;
}
#point #gn .point a{
background-color:#ffffff;
border-bottom:1px solid #ffffff;
}
#point #gn .point a:hover{
color:#000000;
}
#web #gn .web{
z-index:1;
}
#web #gn .web a{
background-color:#ffffff;
border-bottom:1px solid #ffffff;
}
#web #gn .web a:hover{
color:#000000;
}
#seo #gn .seo{
z-index:1;
}
#seo #gn .seo a{
background-color:#ffffff;
border-bottom:1px solid #ffffff;
}
#seo #gn .seo a:hover{
color:#000000;
}
#sem #gn .sem{
z-index:1;
}
#sem #gn .sem a{
background-color:#ffffff;
border-bottom:1px solid #ffffff;
}
#sem #gn .sem a:hover{
color:#000000;
}
#search #gn .search{
z-index:1;
}
#search #gn .search a{
background-color:#ffffff;
border-bottom:1px solid #ffffff;
}
#search #gn .search a:hover{
color:#000000;
}
#link #gn .link{
z-index:1;
}
#link #gn .link a{
background-color:#ffffff;
border-bottom:1px solid #ffffff;
}
#link #gn .link a:hover{
color:#000000;
}
#setup #gn .setup{
z-index:1;
}
#setup #gn .setup a{
background-color:#ffffff;
border-bottom:1px solid #ffffff;
}
#setup #gn .setup a:hover{
color:#000000;
}
#template #gn .template{
z-index:1;
}
#template #gn .template a{
background-color:#ffffff;
border-bottom:1px solid #ffffff;
}
#template #gn .template a:hover{
color:#000000;
}
#openpne #gn .openpne{
z-index:1;
}
#openpne #gn .openpne a{
background-color:#ffffff;
border-bottom:1px solid #ffffff;
}
#openpne #gn .openpne a:hover{
color:#000000;
}

#showcase #gn .showcase{
z-index:1;
}
#showcase #gn .showcase a{
background-color:#ffffff;
border-bottom:1px solid #ffffff;
}
#showcase #gn .showcase a:hover{
color:#000000;
}
#login #gn .login{
z-index:1;
}
#login #gn .login a{
background-color:#ffffff;
border-bottom:1px solid #ffffff;
}
#login #gn .login a:hover{
color:#000000;
}
#form #gn .form {
z-index:1;
}
#form #gn .form a {
background-color:#ffffff;
color:#000000;
border-bottom:1px solid #ffffff;
}
#form #gn .form a:hover {
color:#000000;
}


#form td h4 {
    background: url("/img/basket.png") no-repeat scroll 0 50% transparent;
    padding-left: 20px;
}

#logo{
color:#666666;
}
#logo img{
    vertical-align: middle;
}
#logo address{
display:inline;
font-style:normal;
font-size:x-large;
font-family:"Arial black",Helvetica,sans-serif;
}

#head{
display:inline;
margin-left:5px;
font-size:small;
font-weight:normal;
}

#toptitle{
width:100%;
color:#000000;
font-size:large;
font-weight:bold;
padding:8px 0 8px 5px;
border-style:solid;
border-color:#CCCCCC;
border-width:1px;
}
.box {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    display: block;
}
a.box {
color:#000000;
text-decoration:none;
}
a.box:hover img {
filter:alpha(opacity=77);
-moz-opacity:0.77;
opacity:0.77;
}
.box_left{
margin-right:1%;
width:70%;
float:left;
}
.box_right{
width:29%;
float:left;
}
.boxpp{
width:90%;
}
.box_btn{
border-style:solid;
border-color:#CCCCCC;
border-width:1px;
margin:-1px auto;
}
.box_btn a{
display:block;
padding:5px;
color:#000000;
background:transparent url(img/bg2.gif) repeat-x scroll 0 0;
text-decoration:none;
cursor: default;
}

.partsArea {
border: 1px solid #CCCCCC;
background:transparent url(img/bg.png) repeat scroll 0 0;
}
.partsArea strong {
margin:5px 0;
text-align:center;
font-size:small;
font-weight:bold;
display:block;
}
.osu {
padding:0 5px;
margin-right:5px;
color:#ffffff;
background-color:#FF6666;
}
.up {
    background-color: #FFEF99;
    font-weight: bold;
}
.hidden{
display:none;
}
#sub .osu {
padding:0;
margin-right:0;
}
#sub .osu .partsArea {
padding:0;
margin-right:0;
background: none repeat scroll 0 0 #FFDF1B;
}

.fitArea {
width:100%;
}
.fitArea a{
display:block;
border-style:solid;
border-color:#CCCCCC;
border-width:1px;
font-size: x-small;
margin: 5px;
padding: 5px 10px;
text-align: justify;
color:#000000;
text-decoration:none;
background-color:#FFFFFF;
}
.fitArea a:hover{
border-style:solid;
border-color:#FFDF1B;
border-width:6px;
margin:0;
}
.fitArea a.cp:hover{
border-style:solid;
border-color:#FF6666;
border-width:6px;
margin:0;
}
.box_form {
    background-color: #FFDF1B;
    border: 1px solid #CCCCCC;
    margin: 10px auto 0;
    text-align: center;
    width: 30%;
}
.box_form a {
    color: #000000;
    display: block;
    padding: 5px;
    text-align: center;
    text-decoration: none;
}
.box_form a span {
    background: url("/img/basket.png") no-repeat scroll 5px 50% #FFDF1B;
    padding-left: 25px;
}

#form input[type="text"]{
width: 99%;
margin-top:10px;
font-size:large;
border-style:solid;
border-color:#CCCCCC;
border-width:1px;
}
.pagetop{
width:15%;
border-style:solid;
border-width:1px 1px 0 1px;
border-color:#FFFFFF;
background:none repeat scroll 0 0 #999999;
position:relative;
top:1px;
margin-top: 30px;
}
.pagetop a{
text-align:center;
display:block;
padding:5px;
color:#FFFFFF;
text-decoration:none;
background:none repeat scroll 0 0 #00AEEF;
}
.matrix li{
width:15%;
background-color:#999999;
border-color:#CCCCCC #CCCCCC #00AEEF;
border-style:solid;
border-width:1px;
list-style-type:none;
float:left;
position: relative;
}
.matrix li a{
color:#ffffff;
display:block;
padding:5px;
text-decoration:none;
}
.matrix li a:hover{
color:#ffffff;
background-color:#00AEEF;
}
.error,.red {
color:#FF6666;
font-weight:bold;
}
select {
    border: 1px solid #CCCCCC;
    height: 111px;
    width: 99%;
}
select optgroup option {
    margin-left: 10px;
}
div.grippie {
background:#EEEEEE url(../img/grippie.png) no-repeat scroll center 2px;
border-color:#DDDDDD;
border-style:solid;
border-width:0pt 1px 1px;
cursor:s-resize;
height:9px;
overflow:hidden;
}
.resizable-textarea textarea {
display:block;
margin-bottom:0pt;
width:99%;
height: 20%;
}
#flashcontent {
width:100%;
height:250px;
overflow:hidden;
}
#flashcontent div {
width:100%;
height:250px;
background:transparent url(img/main.jpg) repeat-x scroll left top;
}

.tag {
font-weight:bold;
}
.sale{
color:#FF6666;
font-size:large;
font-weight:bold;
}
ul.no,ol.no {
list-style:none outside none;
}
.tomei { 
filter:alpha(opacity=77);
-moz-opacity:0.77;
opacity:0.77;
}
xmp,pre{
font-size:x-small;
width:auto;
margin:10px auto;
padding:10px;
background:#EFEFEF;
border:1px dashed #DDDDDD;
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* CSS3 */
word-wrap: break-word; /* IE 5.5+ */
}
.news {
margin:10px;
}
.news p {
border-bottom:1px dotted #CCCCCC;
padding:5px 0;
}
.abox{
display:block;
text-decoration: none;
color:#333333;
background-color:#FFFFFF;
}
.abox:hover{
color:#00AEEF;
}
.pr {
    border: 1px solid #CCCCCC;
    color: #666666;
    font-size: small;
    padding: 0 5px;
}

.info {
    background: url("/img/info.png") no-repeat scroll 0 50% transparent;
    padding-left: 20px;
}
.pro {
    background: url("/img/medal_gold_1.png") no-repeat scroll 0 50% transparent;
    padding-left: 20px;
}
.can {
    background: url("/img/money.png") no-repeat scroll 0 50% transparent;
    padding-left: 20px;
}

.mininavi {
    border-bottom: 1px solid #CCCCCC;
    padding: 5px 0;
}

.mininavi a{
    border-right: 1px solid #CCCCCC;
    margin-right: 5px;
    padding-right: 5px;
}


.shadow{
-moz-box-shadow: 0 0 2px #666666;
-webkit-box-shadow: 0 0 2px #666666;
box-shadow: 0 0 2px #666666;
}

.lightbox a {
    display: block;
    height: 150px;
    overflow: hidden;
    width: 150px;
    float:left;
    margin:0 10px 10px 0;
    border: 2px solid #EEEEEE;
}
.lightbox a:hover {
    border: 2px solid #FFDF1B;
}

.radius, .box, .btn_b {
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.btn_b {
    border: 1px solid #CCCCCC;
    color: #000000;
    padding: 0 10px;
    text-decoration: none;
    white-space: nowrap;
}
.btn_b:hover {
background-color:#FFDF1B;
}
.showcasebox {
background-color:#FFFFFF;
}

/* lightbox */
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev { 
left: 0; 
float: left;
}
#lightbox-nav-btnNext { 
right: 0; 
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px; 
color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
width: 70%; 
float: left; 
text-align: left; 
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block; 
clear: left; 
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px; 
float: right;
padding-bottom: 0.7em;
}


/* iPhone */
@media screen and (max-device-width: 480px) {
#main {width: 100%; float: none;}
#sub {width: 100%; float: none;}
.fleft, .fright, .main_left, .main_right {float: none;}
.main_left, .main_right {width: 100%;}
img {max-width: 100%; max-height: auto;}
}

@media only screen and (max-width: 670px) {
#main {width: 100%; float: none;}
#sub {width: 100%; float: none;}
.fleft, .fright, .main_left, .main_right {float: none;}
.main_left, .main_right {width: 100%;}
img {max-width: 100%; max-height: auto;}
}