@charset "utf-8";

#files{}
#files .imgInput{margin:5px 0;}
#files input[type="file"]{margin:5px 0 10px 10px;}
#files img{vertical-align:bottom;max-width:100px;max-height:100px;}


dl,dt,dd,ul,ol,p,blockquote{margin:0;padding:0;}
body{
	/*font-family:"ＭＳ Ｐゴシック", Osaka;*/
	/*background-color:#d8ffd8;*/
	background-color:#d8ffd8;
	text-align:center;
	margin:0px auto;
	font-size:100%;
	padding:0;
	border:0;/* This removes the border around the viewport in old versions of IE */
	/*border-bottom:135px solid #47b247;*/
	border-top:35px solid #47b247;
}

img{border:none;}
dt{margin-top:20px;font-weight:bold;color:#47b247;}
dd{margin-top:10px;}
hr{height:1px;border:none;border-top:1px solid #999;color:#999;}
b{background:#ffea00;padding:1px 1px;}
strong{color:#47b247;}

ul.largeMargin li, ol.largeMargin li{margin-top:1.2em;margin-bottom:1.2em;}

/*table{font-size:95%;}*/
textarea{width:99%;}
pre, .pre{
	/*font-family:"ＭＳ Ｐゴシック", Osaka;*/
	line-height:1.7em;
	padding: 1em;
	margin-left: 20px;
	/*background-color: #efefef;*/
	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+ */
}

a:hover{text-decoration:none;}
#toHome{margin:35px 0 20px 0;text-align:center;}

.button a {
  width: 70%;
 background-color: #006699;
   /*background-color: #F60;*/
  border-radius: 5px;
  box-shadow: 0px 4px 0px #ccc;
  color: #ffffff;
  display: block;
  font-size: 140%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 15px auto 25px auto;
  padding: 11px 0 10px;
  line-height:1.3em;
}
.button a:hover {
	background-color:#1C77A4;
	/*background-color: #F90;*/
}
form input[type=submit], form input[type=button]{font-size:170%;padding:10px;}

.affiliate{
	  border-radius: 5px;
  background-color: #eee;
  padding:5px 3px !important;
	margin-bottom:30px !important
	}


#container{
	margin:0 auto;
	text-align:left;
	font-size:95%;
	background-color:#fff;
}


/**----------------------------------------------------------------------
 *
 * summary
 *
 *----------------------------------------------------------------------*/
#summary{background-color:#47b247;color:#fff;margin-top:-35px;padding:0px 0 0px 0;height:35px;line-height:35px;}
#summary h1 {
display:inline;
font-size:12px;
font-weight:normal;
margin:0 0 0 0px;
padding:0px 0 0 7px;


}
#summary p {
display:inline;
font-size:12px;
margin:0 0 0 12px;
padding:0px 0 0 0;
}

#header{width:100%;padding:5px 0px 0px 0px;background:/*url(../img/header_bg.gif) repeat-y */#ffffff;}
#header h2{float:left;margin:0px 0px 0px 0px;padding:22px 0px 0px 5px;}
#headerNavi{float:right;margin:0px 5px 0px 0;text-align:right;}
#headerNavi ul{margin:0 0 69px 0;padding:0;list-style-type:none;}
#headerNavi li{float:left;margin-left:17px;}
#headerNavi p{clear:both;margin:10px 0 10px 0;}
#headerNavi form{clear:both;margin:22px 0 0 0;padding:0;line-height:1.8em;}
#headerNavi form input[type=image]{margin:-2px 1px 0 0;}
#headerNavi a{text-decoration:none;font-size:90%;color:#666;}
#headerNavi .fa{font-weight:bold;padding-right:2px;color:#47B247;}



#gnav{line-height:2.0em;
		margin:0 0px 0 0;/*border-top:1px solid #999999;*//*border-bottom:1px solid #999999;*/
		clear:left;
		float:left;
		width:100%;
		background:#A8A8A8;
		letter-spacing:-0.2px;
/*		font-family:Trebuchet MS, Helvetica, sans-serif;
		border-bottom:1px solid #A8A8A8;
		border-top:1px solid #A8A8A8;
*/		overflow:hidden;
		margin-top:1px;
		font-size:15px;
}


.topicPath {
	clear:both;	
}
.topicPath p{
	/*background:#fff url(../img/home_s.gif) no-repeat scroll 6px 1.25em;*/
	/*clear:both;*/
	margin:0 1px 0 0;
	padding:18px 0px 12px 10px;
	line-height:1.4em;
	font-size:90%;
}

.topicPath strong{
	letter-spacing:-0.5px;
}

.fontChanger{
	float:right;
	margin:0 0px 0 0;
	padding:17px 7px 13px 0px;
}




/**----------------------------------------------------------------------
 *
 * content
 *
 *----------------------------------------------------------------------*/

#content{
	width:100%;
	letter-spacing:0.5px;
	
}
/*#content strong{color:#333;background: linear-gradient(transparent 60%,#F7B930 60%);}
*/

.single{
	float:none !important;
	margin:0 auto !important;
}

.single h2{
	margin-top:22px !important;
}


#wrapper{
	background-color:#fff;
}
/*
.single #content{
	padding:0 182.5px !important;
}
.large #content{
	padding:0 100px !important;
}

*/

/*#content .section{
width:100%;

	background:#fff;

}*/
#content .pager{text-align:center;}
#content p{margin:20px 0px 30px 0px;padding:0px 3px 0px 10px;line-height:1.8em;letter-spacing:-0.05px;}
#content ul{margin:20px 0px 15px 0px;padding:0px 0px 0px 40px;line-height:1.5em;}
#content ul ul{margin:7px 0px 15px 0px;padding:0px 0px 0px 40px;line-height:1.5em;}
#content ol{margin:20px 0px 15px 0px;padding:0px 0px 0px 40px;line-height:1.5em;}
#content ol ol{margin:7px 0px 15px 0px;padding:0px 0px 0px 40px;line-height:1.5em;}

#content .maintenance{border:4px solid #ff0000;padding:10px;font-size:120%;margin:5px 0;}

#content .table{width:98%;margin:0px auto 0 1%;border-collapse:collapse;border-color:#999999;border-right:1px solid #999;border-bottom:1px solid #999;}
#content .table th{padding:8px 5px;vertical-align:top;border-left:1px solid #999;border-top:1px solid #999;/*background-color:#47b247;color:#ffffff;*/}
#content .table td{padding:8px 5px;border-left:1px solid #999;border-top:1px solid #999;}

#content .colorTable th{background-color:#47b247;color:#ffffff;}
#content .colorTable .th2{background-color:#eee;color:#333;}



#content .categoryList{list-style-type:none;line-height:1.7em;}
#content .categoryList strong{color:#4c290f;font-size:100%;}
#content #dirTop{margin-left:0 !important;font-size:100%;padding:0 0 0 20px;background:url(../img/folder.gif) left center no-repeat;}
#content li{margin-left:40px;}


#content h2{margin:0px 0px 15px 0px;padding:9px 3px 5px 6px;font-size:150%;letter-spacing:-0.5px;border-left:8px solid #0068B2;color:#333333;background-color:#eeeeee;}
#content h3{margin:35px 0px 10px 0px;padding:3px 3px 3px 5px;font-size:140%;letter-spacing:0px;color:#333333;border-bottom:1px solid #999999;border-left:8px solid #47b247;}
#content h4{margin:35px 0px 10px 1px;padding:1px 3px 1px 5px;font-size:125%;border-left:6px solid #0068B2;}

#content h5{margin:30px 0px 10px 9px;padding:0px 3px 0px 4px;font-size:105%;border-bottom:dotted #aaa 1px;border-left:solid #aaa 4px;}
#content dl{margin-left:5px;}
#content dt{font-size:110%;margin-left:7px;}

#content .top{text-align:right;}


#content .code{letter-spacing:0.7px;background-color:#e7e7e7;padding:15px 5px;margin:10px 5px 35px 9px;line-height:1.4em;}
#content .code .bold{font-weight:bold;}
#content .code .r{color:#ff0000;}
#content .code .b{color:#0000ff;}
#content .code .g{color:#999;}

#content .code h4{margin-bottom:20px;}


#content .border{border:1px solid #999999;}



#content .box{border:1px solid #999999;padding:5px;margin:15px 8px;}
#content .box p{margin:5px 0px;padding:0 0 0 4px;}
#content .box h4{padding:3px 3px 0px 4px;margin:5px;}


#content #socialBtn p{/*border-top:1px solid #ccc;*/margin-bottom:0;padding:3px 0;text-align:center;background-color:#eee;}
#content #socialBtn ul{margin: 11px 13px 19px 13px;padding:0px 0 0 0;text-align:center;}
#content #socialBtn li{display:inline-block;margin:0;padding:0 8px 5px 8px;vertical-align:top;}
#content #socialBtn .box {
  position: relative;
  background: #fff;
  border: 1px solid #B0C1D8;
  margin:0 0 5px 0;
  text-align: center;
  font-size: 11px;
  height: 22px;
  line-height: 22px;
  display: block;
  text-decoration: none;
  color: #333;
  border-radius: 3px;
  font-family: "Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
}
#content #socialBtn .box:after, #content #socialBtn .box:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
 
#content #socialBtn .box:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 3px;
  margin-left: -3px;
}
#content #socialBtn .box:before {
  border-color: rgba(221, 221, 221, 0);
  border-top-color: #ccc;
  border-width: 4px;
  margin-left: -4px;
}



#content .tips1{border:1px solid #999999;margin:20px 8px;background:url(../img/tips.gif) no-repeat 8px center;padding:5px 5px 5px 5px;}
#content .tips1 p{margin:2px 0px 0px 52px;padding:0 0 0 4px;}

#content .tips{border:1px solid #999999;margin:25px 8px 20px 8px;background:url(../img/tips.gif) no-repeat 8px 10px;padding:9px 5px 5px 5px;}
#content .tips p{margin:10px 0px 3px 0;padding:0 0 0 4px;}
#content .tips h4{margin:0px 0px 0px 52px;padding:0;border:0;/*color:#47b247;*/}
#content .tips h5{margin:0px 0px 0px 52px;padding:0;border:0;/*color:#47b247;*/}
#content .tips h6{margin:0px 0px 0px 52px;padding:0;border:0;/*color:#47b247;*/}




#content .point{background:url(../img/point.gif) no-repeat 4px 0px;padding:0px 0 0 0;margin:20px 0;}
#content .point h4{border:none;font-size:100%;margin:0;padding:6px 0 0 90px;}

#content .example{border:1px solid #999999;padding:5px;}

#content .contact-table{border-collapse:collapse;width:100%;}
#content .contact-table td,th{padding:10px;}





#content .tagNotes{background:#e7e7e7;padding:5px;margin:5px 0px;border:1px dotted #999999;}
#content .tagNotes h3{border:none;margin:0px 0px 0px 0px;padding:3px 3px 3px 3px;background-color:#47b247 !important;color:#ffffff !important;}


#content .liMargin{}
#content .liMargin li{margin:10px 0px 10px 0px;}


#content #commentForm{
	margin-top:30px;
	margin-bottom:20px;
	/* border:1px dotted #999999; */
	padding:10px 0px 8px 0px;
	width:99.5%;
	margin-top:25px;

}
* html #content #comment{width:98.5%;}

#content #comment dt{
margin-left:10px;
}


#content blockquote{
	margin:0px;
	color:#47b247;
	font-style:italic;
	display:inline;
}

#commentForm form{padding:0px 5px 0 5px;width:auto;}
#commentForm #commentTitle{width:99%;}
#commentTitle img{vertical-align:top !important;}
#commentTitle .commentTf{width:40px;}
#commentTitle .commentTnw{width:6px;height:12px;}
#commentTitle .commentTn{background:url(../img/comment/table_n.gif) repeat-x}
#commentTitle .commentTne{width:6px;}

#commentTitle .commentTw{background:url(../img/comment/table_w.gif) repeat-y}
#commentTitle .commentTe{background:url(../img/comment/table_e.gif) repeat-y}

#commentTitle .commentTs{background:url(../img/comment/table_s.gif) repeat-x}

#content #commentForm .input{
	width:50%;
}
#content #commentForm textarea{
	margin-top:5px;width:100%;
}

#commentForm dt{
margin:20px 0 0 0;padding:0;
}


#commentForm textarea{
width:99%;

}




#comment dt{
margin:20px 0 0 0;padding:0;

}

#comment dd{
white-space:pre;
}


#facebook{text-align:center;margin-top:10px;margin-bottom:18px;padding-left:9px;}
#facebook p{margin:0 0 5px 0;}


/**----------------------------------------------------------------------
 *
 * sideBar
 *
 *----------------------------------------------------------------------*/

#sideBar{
	margin-top:0px;
	background:#fff;
}
#sideBar dl{}
#sideBar dt{margin:0px 0px 0px 0px;padding:17px 0px 2px 7px;color:#ffffff;text-align:left;background-color:#47b247;}
#sideBar dd{margin:0;padding:0;border:1px solid #47b247;}
#sideBar .ad{text-align:center;margin-top:8px;}

#menu{font-size:90%;}
#menu strong{margin-left:0px;color:#000;/*background-color:#ccc;*/letter-spacing:-1px;}
#menu dt{margin:3px 0px 5px 0px !important;background:none;color:#333;padding:16px 0 7px 2px;}
#menu dd{margin:5px 0px 12px 3px;padding:4px 0 4px 18px;border:none;/*background:url(../img/common/arw_bg.gif) 18px center  repeat-y;*/}
#menu img{margin-right:3px;margin-bottom:-2px;}
#menu #sideMenuBottom{border-bottom:none !important;}

#menuRoot{margin-top:0px !important;margin-bottom:9px !important;margin-left:3px !important;}
#menuUp{background-color:#fff !important;color:#333 !important;margin-top:0px !important;margin-bottom:9px !important;}
.menuTitle{font-size:100% !important;margin:5px 0px 5px 0px !important;padding:7px 0px 5px 3px !important;background-color:#eee !important;}
#sideBar .recentComment{line-height:1.3em;padding-left:5px;list-style:none;text-align:left;}

/*応急処置！！
---------------------------------------*/
#s_menu{font-size:90%;}
#s_menu strong{margin-left:0px;color:#000;/*background-color:#ccc;*/letter-spacing:-1px;}
#s_menu dt{margin:3px 0px 5px 0px !important;background:none;color:#333;padding:16px 0 7px 2px;}
#s_menu dd{margin:12px 0px 12px 3px;padding:4px 0 4px 18px;border:none;}
#s_menu img{margin-right:3px;margin-bottom:-2px;}
#s_menu #s_sideMenuBottom{border-bottom:none !important;}

#s_menuRoot{margin-top:0px !important;margin-bottom:9px !important;margin-left:3px !important;}
#s_menuUp{background-color:#fff !important;color:#333 !important;margin-top:0px !important;margin-bottom:9px !important;}
.s_menuTitle{font-size:100% !important;margin:5px 0px 5px 0px !important;padding:4px 0px 3px 3px !important;background-color:#eee !important;}

/*応急処置終わり
---------------------------------------*/










#profile{
text-align:left;
margin:9px 0 0 0;
padding:5px;
border:1px solid #999;
}
#profilePhoto{
float:left;
}#profilePhoto img{
margin-right:5px;
padding-bottom:0px;
}
#profile h4{
margin:1px 0 -1px 0;
}
#profile p{
line-height:1.1em;
margin:3px 0 0px 0;
font-size:90%;
}


#feedback{
border:1px solid #999;
margin:5px 0 0 0;
padding:5px 5px 5px 5px;

}


#feedback p{
margin-top:8px;
margin-bottom:9px;
line-height:1.2em;
}
#feedback form{
}

#feedback p span{
color:#ff0000;
font-weight:bold;
}

#onayamiBanner{margin:4px 0 5px 0;}

#sideAd{margin:10px 0 0 0; text-align:center;}
#sideAdHuman{margin:2px 0 -5px 0; text-align:center;}
#sideAdHumanTop{margin:-7px 0 1px 0; text-align:center;}

/**----------------------------------------------------------------------
 *
 * sideBarSub
 *
 *----------------------------------------------------------------------*/

.sideBarSub{

	float:left;
	width:170px;
	margin:5px 0 15px 0;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#sideBarSubMain{float:right;}
#sideBar .sideBarSub dt{
	margin:0px 0px 0px 0px;
	padding:17px 0px 2px 7px;
	font-size:100%;color:#333;
	text-align:left;
	background:#B7B7B7;
}
#sideBar .sideBarSub dd{
	margin:0;
	padding:0;
	border:none;
}
#sideBar .sideBarSub dd dt{
	color:#333333;
	background:none;
	border-left:7px solid #0068B2;
	border-top:none;
	padding:2px 0 0 3px;
	margin:10px 5px 5px 5px;
	font-size:90%;
	}
#sideBar .sideBarSub dd dd{
	margin:0 0 0px 0;
	padding:0 0 5px 0;
	border:none;
	border-bottom:1px solid #999999;
	}
#sideBar .sideBarSub dd dd p{
	margin:0 0px 0 0px;
	padding:0 5px 5px 5px;
	font-size:90%;
	line-height:1.3em;
	}

#sideBar .sideBarSub .section{
	padding:5px 0;
	text-align:center;
	}
#sideBar #lets{margin:9px 0 0px 0;border:1px solid #999;padding:3px;}









/**----------------------------------------------------------------------
 *
 * footer
 *
 *----------------------------------------------------------------------*/
#footer{
	
	/*
	bottom: 0;
	position: absolute;
	width:100%;*/


	position:relative;
	clear:both;
	text-align:center;
	padding:31px 0px 35px 0px;
	background-color:#47b247;
	color:#fff;
	margin:0px 0 0px 0;
}
#footer ul{text-align:center;list-style-type:none;margin:10px 0 10px 0;}
#footer li{display:inline;margin:3px 10px;}
#footer p{clear:both;text-align:center;margin-bottom:0px;line-height:1.6em;}






/**----------------------------------------------------------------------
 *
 * etc
 *
 *----------------------------------------------------------------------*/


/*
#headerAd{
	position:absolute;
	top:20px;
	left:490px;
	width: 283px;
	height: 93px;
	text-align:right;
}
#headerAd form{margin-top:38px;}
*/




table.spec{
border:1px solid #999;
margin:0px 3% 20px 3%;
width:94%;
}
table.spec th{
background-color:#ccc;;

}

.table-basic{border-collapse:collapse;border:1px solid #cccccc;width:99%;margin-left:1%;}
.table-basic td{padding:4px;}
.table-basic th,.pretendTh{padding:4px;background-color:#47b247;color:#ffffff;}
.table-basic .th2{background-color:#FFE8D9 !important;color:#47b247!important;font-weight:bold;text-align:left;padding-left:5px !important;}



.table-form{
	border-collapse:collapse;
	border:1px solid #cccccc;
	width:99%;
	margin-left:1%;
}
.table-form td{	
	padding:8px 4px;
}
.table-form th{
 	width:30%;
	text-align:left;
	padding:8px 4px;
	background-color:#eee;
	color:#000;
}
.table-form .required{
	background:url(../img/form/require.gif) #eee no-repeat 94%;
	padding-right:40px !important;
}



.attention{
	color:#ff0000 !important;
	font-weight:bold;
}

.mini{
font-size:80%;
}




.fr{float:right;}
.fl{float:left;}
.cb{clear:both;}

.frImg{float:right;}
.frImg{float:right;}

.defMargin{margin:12px 12px;}

.floatObj{
float:left;
margin:0 10px 5px 5px;
}

.clear{clear:both;font-size:0;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix + *{
    clear: both;
}

.largeStrong{color:#47b247;font-size:130%;}
.bold{font-size:120%;font-weight:bold;}
.arw{vertical-align:middle;margin-right:3px;}

.caution{border:3px solid #ff0000;padding:2.2em 5px 5px 5px;background:url(../img/caution.gif) no-repeat 8px 0.5em;margin-top:13px;}
.caution p{margin-bottom:20px !important;}
.caution ul{margin-left:0 !important;padding-left:0 !important;}
.caution li{margin-bottom:1.3em !important;}


/*ページ最上部へのリンク*/
#pageTop a {
	position: fixed;
	bottom: 0px;
	right: 10px;
	display: block;
	width: 66px;
	hegiht:66px;
	padding:1em 0 1em 2px;
	background:#333;
	border-radius:3px 3px 0 0;
	z-index:9999;
	text-decoration:none;
}
#pageTop a:before,
#pageTop a:after {
	position:absolute;
	left:50%;
	content:"";
	width:0px;
	height:0px;
	margin-left:-10px;
	border:10px solid transparent;
}

#pageTop a:before {
	top:50%;
	margin-top:-13px;
	border-bottom:10px solid #333;
}
#pageTop a:after {
	top:50%;
	margin-top:-15px;
	z-index:-1;
	border-bottom:10px solid #fff;
}

#google_plus1 * {
	display: inline !important;
	vertical-align:text-bottom;
}
#google_plus1 {margin-left:-11px;margin-right:4px;}



.tip{color:#999999;}
.thema{color:#47b247}

.fl{float:left;}
.flMargin{float:left;margin:10px 10px 10px 0px;}
.fr{float:right;}
.frMargin{float:right;margin:10px 0px 10px 10px;}
.strike{text-decoration:line-through}

.borderBg{margin:60px 0 50px 0;background:url(../img/common/border_bg.gif) repeat-x;}
/*テーマ,#47b247　薄い,#d8ffd8　アクセント #0068B2 */


#category-image{margin-top:10px;}

.indent{margin-left:25px;}


.screen-shot{
	border:2px solid #333;
	margin-top:-15px;
	margin-bottom:50px;
}
.screen-h{
	border:1px solid #999;
	margin-bottom:0px;
	margin-left:8px;
}

#flash{
	font-size:150%;
	color:#ff0000;
	border:2px solid #ff0000;
	padding:5px;
	margin-bottom:10px;
}




/* 外部リンク要素
----------------------------------------------------------- */
#content p a[href^="http"],#content table a[href^="http"], #content li a[href^="http"]	{ 
	background: url(../img/common/external.gif) no-repeat 100% 50%;	/*モダンブラウザ向け*/
	padding:0 18px 0 0;

}
.external{ 
	background: url(../img/common/external.gif) no-repeat 100% 50%;
	padding:0 18px 0 0;
}
.internal{ 
	background:none !important;
	padding:0 !important;
}

#content p a[href^="http://www.be-webdesigner.com/"]	, #content table a[href^="http://www.be-webdesigner.com/"]{
	padding: inherit;
	background: transparent;
	/*padding:0 0px 0 0 !important;*/
}




#faq{margin:20px 10px -10px 10px !important;}
#faq dt{background:url(../img/common/q.gif) no-repeat left center /*#fff7cf*/;color:#333333;padding:8px 0 3px 30px;margin:5px 0;/*border-top:1px dashed #aaaaaa;*/border-bottom:1px dashed #aaaaaa;}
#faq dd{background:url(../img/common/a.gif) no-repeat;padding:2px 10px 3px 22px;margin-bottom:49px;}
#faq p{margin:0 0 20px 0px !important;/*font-size:100% !important;*/}


/*
.form-input{border-top:2px solid #999;border-left:2px solid #999;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
*/

#formErrorIndex, #formFlash{
	border:2px solid #ff0000;padding:5px;margin:10px 0;
	padding:13px 0 13px 45px;background:url(../img/form/alert.gif) no-repeat 7px 8px;
	color:#ff0000;font-size:120%;
}


.formError{
background:url(../img/form/alert_small.gif) no-repeat 3px center #d8ffd8;
padding:3px 0 3px 23px;
margin:2px 0 10px 0;
border:2px solid #ff0000;
}




/* form */
form .submit{
border:1px solid #999;
vertical-align:middle;
padding:3px 4px 2px 4px;
font-size:120%;
background-color:#eee;
}
form .return{
border:1px solid #999;
vertical-align:middle;
padding:3px 0 2px 0;
background-color:#eee;
}


/* top */
#top-information{
margin-left:0;paading:0px;line-height:2em;
}

#top-information li{
margin:0 0 18px 0;padding:0;
}


/* books */
.ibox{margin:20px 0 0 0;/*border:1px solid #999;*/width:99%;position:relative;}
* html .ibox{width:100%;}
.ibox h4{font-size:120% !important;margin-top:30px !important;}
.ibox h5{font-size:105% !important;border:none !important;margin:15px 0 15px 15px !important;}
.ibox .rating{width:80%;margin:20px 0 18px 8px;padding:0 0 2px 3px;border-left:5px solid #999;border-bottom:1px dashed #999;}
.ibox .tag{width:80%;margin:15px 0 18px 8px;padding:0 0 0 0px;}
.ibox-books{float:right;text-align:center;/*border:1px solid #999;*/}
.ibox-books img{/*border:1px solid #999;*/margin:10px 0 5px 0;}
.ibox-comment{/*margin-left:5px;*/margin-left:13px;width:auto;}


/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before,
  .mfp-arrow:after,
  .mfp-arrow .mfp-b,
  .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after,
  .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before,
  .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }