@charset "utf-8";

.elastislide-wrapper nav { width:100%; margin-top:-60px;}
.columns:after { clear: both; content: ""; display: block; }
.dc_toggle_container { float:none !important;}
.columns { width: 100%; }

.oneThird { margin:0.85%; width: 23%; }

.small_box > div:after { clear: both; display: block; }
.small_box > div {  position: relative; }

h2 img { max-width: 100%; height: auto; }

nav { margin: 0; padding: 0; border: 0; }

article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; }
a img { border: 0; }

.gigantic { font-size: 110px; line-height: 120px; letter-spacing: -2px; }
.huge { font-size: 68px; line-height: 72px; letter-spacing: -1px; }
.large { font-size: 42px; line-height: 48px; }
.bigger { font-size: 26px; line-height: 36px; }
.big { font-size: 22px; line-height: 30px; }
body { font: 16px/1.8em Meiryo, sans-serif; }
.small, small { font-size: 13px; line-height: 18px; }

::selection {
background: rgb(255,255,158);
}
::-moz-selection {
background: rgb(255,255,158);
}
img::selection {
background: transparent;
}
img::-moz-selection {
background: transparent;
}
body { -webkit-tap-highlight-color: rgb(255,255,158); }


body { -webkit-text-size-adjust: 100%; }
.wrapper { width: 852px; padding-left: 68px; }
#main { width: 920px; padding-left: 0px; }

.selectnav { display: none; }


@media screen and (min-width:480px) and (max-width:1024px) {

.content_text { text-align:center;}
.content_text a img { margin:10px auto; float:none;}
.small_box { width:45%;}
.small_box.big_box { width:29%;}
.small_box { width:47.3333%;}
.content_blog { width:45%;}
.Flickr { width:45%;} 
.pref_blog { width:40%;} 
.header_res { margin-bottom:30px;}
}

@media screen and (max-width:479px) {

.rss { display:none;}
.content_text { text-align:center;}
.content_text a img { margin:10px auto; float:none;}
.small_box { width:99%;} 
.small_box.big_box { width:99%;}
.small_box { width:99%;}
.content_blog { width:99%;}
.Flickr { width:99%;} 
.pref_blog { width:99%;} 
.disp { display:none;}
.search { display:none;}
}
@media all and (orientation: landscape) {

}

@media all and (orientation: portrait) {

}


@media only screen and (min-width: 768px) and (max-width: 991px) {

nav { 
}
#nav li {
font-size: 13px;
font-weight: lighter;
}
#nav>li ul {
}
#nav>li>a>.subheader {
display: none;
}
#mobile-nav-holder {
display: none;
}
#slider-wrapper object { width: 100%; height: 340px; }

}


@media screen and (min-width:480px) and (max-width: 767px) {
.js nav { width:100%; padding:10px 0 0 0;   position:relative; bottom:20px;}
.js #nav { display: none; }
.js .selectnav { display: block; width:100%; background:#FFF; padding:3px 5px; font-size: 16px; border: 1px solid #ccc;height: 30px; }
.js .selectnav option { font-size:14px; padding:5px; }
.small_box { width:47.3333%;}
.search { display:none;}
#slider-wrapper object { width: 100%; height: 250px; }
}


@media only screen and (max-width: 479px) {
.small_box { width:99%;}
.search { display:none;}
.js nav { width:100%; padding:10px 0 0 0;   position:relative; bottom:20px;}
.js #nav { display: none; }
.js .selectnav { display: block; width:100%; background:#FFF; padding:3px 5px; font-size: 16px; border: 1px solid #ccc;height: 30px; }
.js .selectnav option { font-size:14px; padding:5px; }
#slider-wrapper object { width: 100%; height: 200px; }
}

@media only screen and (max-width: 767px) {
#webstore-navigation li { float:none !important; margin: 5px 0 0 0 !important;}
#catalogue .last-column > div { margin:5px 0 0 0 !important;}
#catalogue .product { float:none !important; width: auto !important;}
#webstore { min-width: auto !important;}
.small_box1 img{
	float: none;
	margin-right: 0;
	width: 100%;
}
.small_box2{
	float: none;
    width: 100%;
    margin-right: 0;
}
.colleft {
    width: 100%;
    float: none;
    margin: 0;
}
.right_side_big {
    width: 100%;
    float: none;
    margin: 0 0 30px 0;
}

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
iframe.wid5 { height: 250px; width: 100%; }
iframe.wid6 { height: 330px; }
iframe.wid7 { height: 300px; width: 100%; }
}
@media only screen and (max-width: 767px) {
iframe.wid5 { height: 250px; width: 100%; }
iframe.wid6 { height: 300px; }
iframe.wid7 { height: 300px; width: 100%; }
iframe.wid8 { height: 280px; width: 100%; }
}

@media only screen and (max-width: 479px) {
.port2{width:96.5%;}
iframe.wid5 { height: 130px; width: 100%; }
iframe.wid6 { height: 300px; }
}