@charset "UTF-8";

/*  
Theme Name: WSC7
Theme URI: http://www.studiobrain.net/wsc
Description: WSC Project, Very simple theme. Markup of css which can facilitate customization. Using the CSS media queries, change the screen size.
Version: 1.0
Author: Go Imai
Author URI: http://www.studiobrain.net/
Tags: black,silver,white,light,two-columns,right-sidebar,fixed-width,custom-background,custom-menu,editor-style,sticky-post,translation-ready,threaded-comments
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*-----------------------------------------------------------------------------
 WordPress CMS Theme. Based on work by WSC Project: http://wsc.studiobrain.net/
---------------------------------------------------------------------------- */

/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
body{line-height:1;}
ol, ul, li{list-style:none;margin:0;padding:0;}
blockquote, q{quotes:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
caption{width:100%;}
a{outline:none;}

/*clearfix*/
.cf:before,.cf:after {content:"";display:block;overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}

/*style*/
body{margin:0px;padding:0;font:12px/24px "Meiryo","MS PGothic","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;color:#333;max-height: 999999px;-webkit-text-size-adjust: 100%;}


div   {text-align:center;}
table {margin-left:auto;margin-right:auto;}


a img{vertical-align:bottom;}
.screen-reader-text{display:none;}
.clear{clear:both;}
.clear hr{display:none;}
hr{background-color:#eee;border:0;height:1px;clear:both;margin:30px auto;}
blockquote{margin:0px 0px 20px;padding:10px 15px;background-color:#f4f4f4;border:1px solid #ddd;border-radius:5px;-moz-border-radius:5px;}
blockquote blockquote{margin:20px 0;background-color:#fff;}
blockquote blockquote blockquote{margin:20px 0;background-color:#f4f4f4;}
blockquote p{padding:0px;margin:0px 0px 0px 0px}
table{margin:0 0 20px;}
object,embed{width:100%;display:block;margin:auto;}

/*wrap*/
#wrap{max-width:900px;margin:auto;text-align:left;clear:both;}
#main{text-align:left;overflow:hidden;padding:20px 0;width:600px;float:left;}
@media screen and (max-width: 920px) {#main{max-width:640px;margin:auto;display:block;float:none;width:auto;padding:20px 10px;}}
#main-wide{float:left;text-align:left;overflow:hidden;padding:20px 0;background-color: #fff;max-width:900px;}
@media screen and (max-width: 920px) {#main-wide{width:100%;padding:20px 10px;}}
#main-liquid{width:100%;padding:20px 0;}

/*header*/
#header{width:100%;margin:auto;overflow:hidden;}
#site-title{margin:0;padding:0;}
#site-title a{float:left;margin:0 10px 0 0;}
#site-description{font-size:12px;font-weight:normal;font-style:normal;line-height:18px;margin:10px 0 0;padding:0;text-align:right;}
@media screen and (max-width: 920px) {#site-description{margin-right:10px;}}

/*header-menu*/
#header .menu {padding:0;float:right;clear:right;margin:0;}
#header .menu li{float:left;margin:10px 0 0;}
#header .menu li a{float:left;font-size:12px;line-height:15px;padding:5px 10px;text-decoration:none;border-left:1px solid #eee;}

/*top-image*/
#top-image{clear:both;background-color:#222;height:220px;}
@media screen and (max-width: 920px) {#top-image{height:auto;}}
#top-image-wrap{max-width:900px;margin:auto;}
#top-image img{width:100%;display:block;}

/*second-image*/
#second-image{clear:both;background-color:#222}

/*breadcrumb*/
#breadcrumb{color:#fff;clear:both;font-size:12px;line-height:20px;padding:20px 0;max-width:900px;margin:auto;}
@media screen and (max-width:920px) {#breadcrumb{padding:10px;}}
#breadcrumb a{color:#fff;text-decoration:none;}

/*content*/
.hentry{padding:0;overflow:hidden;}
.hentry .pageTitle,
.hentry .pageTitle a{text-decoration:none;font-size:18px;line-height:22px;}
.hentry ul{margin-left:25px;padding-left:0px;}
.hentry ol{margin-left:30px;padding-left:0px;}
.hentry ul li{list-style-type:disc;}
.hentry ol li{list-style-type:decimal;}
.hentry .postmetadata{text-align:right;font-size:12px;clear:both;float:right;line-height:20px;}
.sticky {background:#f8f8f8;margin:0 0 30px;padding:20px;}
.sticky hr{display:none;}

/*navigation*/
.navigation{clear:both;padding:20px 0 0;font-size:11px;line-height:21px;text-align:center;border-top:1px solid #ccc;}
.navigation a{color:#fff;padding:5px 10px;background-color:#999;text-decoration:none;border-radius:5px;-moz-border-radius:5px;padding:5px 10px;}
.navigation a:hover{background-color:#aaa;}
.navigation div.alignleft {float:left;}
.navigation div.alignright {float:right;}

/*wp-pagenavi*/
.wp-pagenavi{clear:both;padding:0;font-size:11px;line-height:21px;text-align:center;}
.wp-pagenavi span.extend {color:#ccc;margin:2px;}
.wp-pagenavi span.current{background-color:#48e;color:#fff;padding:5px 10px;border-radius:5px;-moz-border-radius:5px;margin:2px;}
.wp-pagenavi span.pages{background-color:#ccc;padding:5px 20px;color:#fff;padding:5px 10px;border-radius:5px;-moz-border-radius:5px;margin:2px;}
.wp-pagenavi a{color:#fff;padding:5px 10px;background-color:#999;text-decoration:none;border-radius:5px;-moz-border-radius:5px;padding:5px 10px;margin:0 2px;}
.wp-pagenavi a:hover{background-color:#aaa;}

/*image*/
.thumbnail-align img{float:left;padding:7px;margin:0 20px 20px 0;background-color:#eee;}
img.alignleft{float:left;padding:7px;margin:0 20px 20px 0;background-color:#eee;}
img.alignright{float:right;padding:7px;margin:0 0 20px 20px;background-color:#eee;}
.aligncenter{clear: both;display: block;margin:auto;}
.wp-caption {background: #f1f1f1;line-height: 18px;margin-bottom: 20px;text-align: center;padding:7px 2px;}
.wp-caption.alignleft{float:left;margin:0 15px 15px 0;}
.wp-caption.alignright{float:right;margin:0 0 15px 15px;}
.wp-caption img {margin:0;}
.wp-caption p.wp-caption-text {color: #888;font-size: 12px;margin:0;}
.gallery {margin:0 auto 18px;padding:0 0 25px;}
.gallery .gallery-item {float: left;text-align: center;}
.gallery .gallery-caption {color: #888;font-size: 12px;margin:0;}
.gallery br+br {display: none;}
@media screen and (max-width: 480px) {.hentry img {float:none;display:block;margin:auto auto 15px;padding:0;max-width:100%;}}

/*comment*/
/* CSS Document */

#container2 { width:980px; margin:0px auto 0px; background:#FFFFFF; padding:10px; font-size:12px; margin-top:50px;  font-family:Arial, Helvetica, sans-serif;}

a{
	text-transform:none;
	color:#333
}

	
	ul.lof-main-wapper li {
		position:relative;	
	}


/* slider layout */
.lof-slidecontent { position:relative;	overflow:hidden;	border:#F4F4F4 solid 0px;}
.lof-slidecontent .preload{	height:100%;	width:100%;	position:absolute;	top:0;	left:0;	z-index:100000;	text-align:center;	background:#FFF}
.lof-slidecontent .preload div{	height:100%;	width:100%;	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;}

.lof-slidecontent  .sliders-wrapper{	position:relative;	height:100%;	width:900px;	z-index:3px;	overflow:hidden; }
.lof-slidecontent  ul.sliders-wrap-inner{overflow:hidden;	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;	padding:0px;	margin:0;	position:absolute;	overflow:hidden;}
.lof-slidecontent  ul.sliders-wrap-inner li{overflow:hidden;	padding:0px;margin:0px;	float:left;	position:relative;}
.lof-slidecontent  .lof-opacity  li{position:absolute;	top:0;	left:0;	float:inherit; }


.lof-slidecontent  .navigator-content {position:absolute;
	right:0;
	top:00px;
	z-index:9;
	height:300px;
	width:310px;
	overflow:hidden;
	color:#FFF
}
.lof-slidecontent  .navigator-wrapper{	position:relative;	z-index:10;
	height:180px;
	width:310px;
	overflow:hidden;
	color:#FFF;
	float:left
}
.lof-slidecontent  ul.navigator-wrap-inner{	top:0;	padding:0;	margin:0;	position:absolute;	width:100%; }
.lof-slidecontent  ul.navigator-wrap-inner li{ cursor:hand; 	cursor:pointer;	list-style:none;	padding:0;	margin-left:0px;	overflow:hidden;	float:left;	display:block;	text-align:center;}

/*******************************************************/
 
ul.sliders-wrap-inner li img{	padding:0px;	}

.lof-slidecontent .slider-description a.readmore{color:#58B1EA; font-size:95%; }
.lof-slidecontent .slider-description a{ color:#FFF; }
.lof-slidecontent .slider-description{
	z-index:100px;
	position:absolute;
	bottom:66px;
	left:0px;
	width:350px;
	background:url(../images/bg_trans.png);
	height:100px;
	padding:10px;
	color:#FFF;
}
.lof-slidecontent .slider-description h4 {    font-size: 14px;    margin: 10px 0;    padding: 0; }
.lof-slidecontent .slider-description .slider-meta a{	
	margin:0;
	background:#C01F25;
	font-size:75%;
	padding:2px 3px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
	text-transform:uppercase;
	text-decoration:none
}
.lof-slidecontent  .item-meta a:hover{	text-decoration:underline;}
.lof-slidecontent  .item-meta i {	font-size:70%; }

/* item navigator */
.lof-slidecontent ul.navigator-wrap-inner  li.active{
	background:url("http://11asia.info/new2/wp-content/uploads/arrow-bg.png") no-repeat scroll left center; 
	color:#FFF
}
.lof-slidecontent ul.navigator-wrap-inner  li >  div{
	background:url("http://11asia.info/new2/wp-content/uploads/transparent_bg.png");
	color:#FFF;
	height:100%;
	position:relative;
	margin-left:15px;
	padding-left:5px;
	border-top:1px solid #E1E1E1;
	text-align:left
}

.lof-slidecontent ul.navigator-wrap-inner li.active div{
	background:url("http://11asia.info/new2/wp-content/uploads/grad-bg.gif");
	color:#FFF;
}
.lof-slidecontent ul.navigator-wrap-inner li img{
	height:60px;
	width:60px;
	margin:15px 15px 10px 0px;
	float:left;
	padding:3px;
	border:#C5C5C5 solid 1px;
}
.lof-slidecontent ul.navigator-wrap-inner li.active img, 
.lof-slidecontent ul.navigator-wrap-inner li:hover img {
	border:##6C8E5C  solid 1px;
}
.lof-slidecontent  .button-next, 
.lof-slidecontent .button-previous{
	display:block;
	width:40px;
	color:#FFF;
	cursor:pointer;
	position:absolute;
	height:100%;
	z-index:40;
	top:0;
	text-indent:-999px;

}
/* ワードプレスではタブレットでズレルので非表示 */
.lof-slidecontent   .button-next {
	right:0px;
	/* background:url("http://11asia.info/new2/wp-content/uploads/next.png") no-repeat right center; */

}
.lof-slidecontent  .button-previous {
	left:0px;
	background:url("http://11asia.info/new2/wp-content/uploads/previous.png") no-repeat left center;

}


.lof-slidecontent .button-control {
   position:absolute;
   top:10px;
   right:48%;
    height: 20px;
    width: 20px;
	cursor:hand; cursor:pointer;
	background:url("http://11asia.info/new2/wp-content/uploads/transparent_bg1.png") repeat;
}

.lof-slidecontent .button-control span { display:block;  width:100%; height:100%;}
.lof-slidecontent .action-start span  {
	background:url("http://11asia.info/new2/wp-content/uploads/play.png") no-repeat center center;
}
.lof-slidecontent .action-stop span {
	background:url("http://11asia.info/new2/wp-content/uploads/pause.png") no-repeat center center;
}

.box-ko1{
        margin:20px 20px 20px 20px;
        color: #000;
        text-align: left;
        padding:20px 20px 20px 20px;
}


/* table幅の指定・隣接するセルのボーダーを重ねて表示 */
#contents table.style {
        width: 100%;       
        border-collapse: collapse;
}

/* thの指定 */
#contents table.style th {
table-layout: fixed;
}

/* tr tdの指定 */
#contents table.style tr td {
table-layout: fixed;

}
/*ワードプレスではタブレットでズレルので　WEBでは必要ない*/
.box-ko2{
	width: 100%;
margin-left:-5px;
	overflow: hidden;

}


#comments{max-width:900px;margin:auto;}
.commentlist{margin:15px 0 0;border-top:1px solid #eee;}
.commentlist p{margin:10px 0;clear:both;}
.commentlist li{clear:both;}
.commentlist .comment-body{border-bottom:1px solid #ccc;margin:0 0 15px;clear:both;font-size:12px;line-height:20px;padding:15px 10px;}
.commentlist .reply{text-align:right;}
.commentlist .avatar{float:left;margin:0 10px 0 0;}
.comment-author.vcard {}
#respond {padding:0;}
#reply-title {margin:0;padding:0;}
#commentform{padding:10px 0;}
#commentform p{margin:0 0 5px;}
#commentform textarea#comment{font-size:13px;line-height:20px;border:1px solid #666;padding:3px;width:98%;}
#commentform input{font-size:13px;line-height:20px;border:1px solid #666;padding:3px;clear:both;width:98%;}
#commentform .required{color:#c00;}
#commentform label{}
.commentlist .bypostauthor{background-color:#eee;}
.form-allowed-tags {font-size:11px;line-height:15px;color:#999;}
.form-submit #submit{margin:10px auto;width:218px;display:block;cursor:pointer;padding:0;border:1px solid #aaa;font-size:13px;line-height:20px;border-radius:5px;-moz-border-radius:5px;background-color:#fff9d3;}

/*sideFix*/
#sideFix{width:250px;}
@media screen and (max-width:920px){#sideFix{width:auto;}}
.fixed{position: fixed;top: 20px;}
@media screen and (max-width:920px){.fixed{position:static;}}

/*side*/
#side{overflow:hidden;padding:0 0 20px;margin:0;width:250px;float:right;}
@media screen and (max-width: 920px) {#side{border-top:1px solid #ccc;width:100%;float:none;}}
@media screen and (max-width: 480px) {#side{clear:both;border-top:1px solid #ccc;}}
.side-widget{padding:20px 0 0;float:left;width:250px;overflow:hidden;}
@media screen and (max-width: 920px) {.side-widget{border-bottom-style:none;margin:0 10px;}}
@media screen and (max-width: 480px) {.side-widget{border-bottom:1px dotted #ccc;width:auto;display:block;float:none;padding-bottom:20px;}}
.side-widget .widget-title{margin:0;font-weight:bold;}
.side-widget ul{margin:0;}
.side-widget ul ul{margin:0;padding:0 0 0 10px;}
.side-widget p{margin:0;}
.side-widget th,.side-widget td{padding:0;text-align:center;}

/*footer*/
#footer{clear:both;background-color:#ccc;padding:0;}
#footer-wrap{max-width:900px;margin:auto;}
#footer-bottom{max-width:900px;margin:auto;padding:10px 0 0;}
#copyright{float:right;padding:0 0 20px;font-size:11px;}
@media screen and (max-width: 920px) {#copyright{margin-right:10px;}}

/*footer-widget*/
#footer-wrap{clear:both;margin:0 auto;}
#footer-widget-area{float:left;width:100%;margin:0;}
.footer-widget{padding:15px 0;margin:0 10px 0 0;float:left;width:215px;}
@media screen and (max-width: 920px) {.footer-widget{margin:0 0 0 10px;}}
@media screen and (max-width: 480px) {.footer-widget{border-bottom:1px dotted #fff;width:auto;display:block;float:none;}}
.footer-widget .widget_title{margin:0;font-weight:bold;}
.footer-widget ul{margin:0;}
.footer-widget p{margin:0;}
.footer-widget img{max-width:195px;}

/*footer-menu*/
#footer-menu{clear:both;}
#footer-menu ul{float:left;margin:0;padding:0;}
#footer-menu li{float:left;border-right:1px solid #eee;padding:0 10px;margin:0 0 10px;}
#footer-menu a{float:left;}

/*Contact Form 7*/
.wpcf7-form{border:1px solid #ddd;margin:0 auto 20px;padding:20px;background-color:#f4f4f4;border-radius:10px;-moz-border-radius:10px;}
.wpcf7-form input{margin:0;}
.wpcf7-form textarea{width:99%;margin:0 0 10px;}
.wpcf7-form p{margin:0 0 10px;}
.wpcf7-not-valid-tip{padding:2px;clear:both;color:#c00;}
.wpcf7-display-none{display:none;}
.wpcf7-form img.ajax-loader{float:right;margin-top:-30px;}
.wpcf7-response-output{margin:0 0 20px;padding:5px;text-align:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.wpcf7-mail-sent-ok{background-color:#398f14;color:#fff;}
.wpcf7-mail-sent-ng{background-color:#ff0000;color:#fff;}
.wpcf7-spam-blocked{background-color:#ffa500;color:#000;}
.wpcf7-validation-errors{background-color:#f7e700;color:#000;}
input.wpcf7-submit{margin:10px auto;width:218px;display:block;cursor:pointer;padding:0;border:1px solid #aaa;font-size:13px;line-height:20px;border-radius:5px;-moz-border-radius:5px;background-color:#fff9d3;}