/* ******************************************************

	Wordpress default style

******************************************************* */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, p{
	border: 0;
	font-size:100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: 'Noto Sans Japanese', sans-serif;
}
:focus{/* remember to define focus styles! */
	outline: 0;
}
ul{
	list-style: none;
}
ol{
	margin-left:28px;
	line-height:150%;
}
table{/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
/*	border-spacing: 0;*/
}
caption, th, td{
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after{
	content: "";
}
blockquote, q{
	quotes: "" "";
}
a img{
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	/*display: block;*/
}

/* =Global
----------------------------------------------- */

input, textarea{
	color: #373737;
	font-weight: 300;
	line-height: 1.625;
}

hr{
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}
strong{
	font-weight: bold;
}
cite, em, i{
	font-style: italic;
}
blockquote{
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite{
	font-style: normal;
}
blockquote cite{
	color: #666;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre{
	background: #f4f4f4;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
abbr, acronym, dfn{
	border-bottom: 1px dotted #666;
	cursor: help;
}
address{
	display: block;
	margin: 0 0 1.625em;
}
ins{
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub{
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup{
	bottom: 1ex;
}
sub{
	top: .5ex;
}

/* Forms */
input[type=text],
input[type=password],
textarea{
/*	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #9F9F9F;
	color: #888;*/
}
#index input[type=text],
#index input[type=password],
#index textarea{
/*	border: 1px solid #676767;*/
}
input[type=text]:focus,
textarea:focus{
/*	color: #373737;*/
}
textarea{
/*	padding-left: 3px;
	width: 98%;*/
}
input{
/*	padding: 3px;*/
}
input#searchsubmit{
/*	display: none;*/
}

/* Links */
a{
	color: #707070;
	text-decoration: none;
}
a:focus,
a:active,
a:hover{
	color:#00baff;
	text-decoration: none;
}
a.red{
	color: #FF2F44;
}
a.red:hover{
	color:#06aec6;
}
a.blue{
	color: #5eb6c2;
}
a.blue:hover{
	color:#06aec6;
}

/* error404 */
.error404 #primary{
	float: none;
	margin: 0;
}
.error404 #primary #content{
	margin: 0 7.6%;
	width: auto;
}
span.red{
	color: #FF2F44;
}

/* =IE7
----------------------------------------------- */

#ie7 article.intro{
	margin-left: -7.6%;
	margin-right: -7.6%;
	padding-left: -7.6%;
	padding-right: -7.6%;
	max-width: 1000px;
}
#ie7 section.featured-post{
	margin-left: -7.6%;
	margin-right: -7.6%;
	max-width: 850px;
}
#ie7 section.recent-posts{
	margin-right: 7.6%;
}

/* =IE8 
----------------------------------------------- */ 
 
#ie8 section.feature-image.large img{ 
	width: 100%; 
}


/* ********************************************
	clear
********************************************* */
.clear{
	clear:both;
	height:0;
	margin:0;
	padding:0;
	font-size:0;
	_font-size:0;
	line-height:0;
	_line-height:0;
}
.clearFix{
	height         :auto !important;
	height         :1px;
	min-height     :1%;  /* for IE 7*/
	/*\*//*/display:inline-table;/**/
}
.clearFix:after{
	content        :".";
	display        :block;
	clear          :both;
	height         :0;
	font-size      :1%;
	line-height    :1%;
	visibility     :hidden;
}

/* ******************************************************

	Header
	
******************************************************* */
#header{
	padding:0 0 6px 0;
	width:1100px;
	width:100%;
}
#header.index{
	background:url(../img/bg_white_transparent.png) repeat
}
#header-content{
	width:1000px;
	padding:0 50px 0 50px;
	margin:0 auto;
}

/* ********************************************
	Logo & Lang
********************************************* */
.bgsw{
	min-width:1100px;
	width:100%;
	height:460px !important;
	position:relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
/* ********************************************
	Logo & Lang
********************************************* */
#header .logo{
	margin:17px 0 0 0;
	float:left;
}
#header .lang{
	margin:17px 0 0 0;
	float:right;
}
#header .logo a{
	font-size:1.2em;
}
#header .logo-halal a{
	font-size:0.8em;
}
/*#header a{
	color:#FFF;
}
#header a:hover{
	color:#00baff;
}*/
/* ********************************************
	Menu
********************************************* */
#header #menu{
/*	width:;
	float:left;
*/	margin:6px 0 0 3px;
}
#header #menu ul{
	margin: 0 0 0 0 ;
/*	width:685px;*/
}
#header #menu ul li{
	float:left;
	margin:0 35px 0 0;
	padding:0 0 3px 0;
}
#header #menu ul li a{
	color:#000;
	font-weight:100;
	font-size:1.3em;
	line-height:1.3em;
}

#header #menu ul li a.on,
#header #menu ul li a:hover,
#header #menu ul li.on a,
#header #menu ul li.on a:hover{
	border-bottom:6px solid #00b0d8;
	padding-bottom:1px;
}
#mobile{
	display:none;
}
/* ********************************************
	Bottom Image
********************************************* */
.bottom-border{
	width:100%;
	min-width:1100px;
	height:80px !important;
	position:relative;
	top:6px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	background-image:url(../img/common_visual_01.jpg);
}

/* ******************************************************

	Footer
	
******************************************************* */

#footer{
	background:#f7fae1;
	width:100%;
	color:#000;
	min-width:1100px;
}
#footer a{
	color:#000;
	font-weight:100;
}
#footer a:hover{
	color:#666;
}
#footer-content{
	width:1100px;
	margin:0 auto;
	padding:25px 0 40px 0;
	position:relative;
}
#footer-content #sitemap{
	margin:0 0 20px 50px;
}
#footer-content dl{
	float:left;
	margin:0 30px 0 0;
	display:block;
}
#footer-content dl dt{
	font-size:1.1em;
	margin:0 0 5px 0;
}
#footer-content dl dd{
	font-size:0.9em;
	margin:0 0 0 0;
}
#footer-content .logo{
	font-size:0.9em;
	font-weight:200;
	line-height:1.2em;
	margin:0 0 0 50px;
}
#footer-content .logo span{
	margin:0 18px 0 0;
}
#footer-content .logo span.thin{
	font-weight:100;
	font-size:0.9em;
}
#footer-content .logo span.thick{
	font-weight:600;
}
#footer .lang{
	display:none;
}
#footer-content .phone{
	font-size:0.9em;
	font-weight:200;
	line-height:1.2em;
	margin:10px 0 0 50px;
}
#footer-content .phone dl{
	clear:both;
}
#footer-content .phone dl dt{
	font-size:1.0em;
	margin:0 0 5px 0;
	width:50px;
	float:left;
}
#footer-content .phone dl dd{
	font-size:1em;
	float:left;
	margin:0 0 0 0;
}
/* ******************************************************

	Index
	
******************************************************* */

.transparent-image{
	position:absolute;
	top:0;
}

h2.index{
	font-size:3em;
	font-weight:100;
	line-height:1em;
	padding:0 0 0 0;
	margin:0 0 20px 0;
	color:#00b0d8;
}
h2.index.second{
	margin:45px 0 20px 0;
}
#index-news-archive{
	margin:0 0 50px 0;
	width:720px;
}

/* First News */
.news-top-box{
	background:#00b0d8;
	width:720px;
	border-radius: 0 5px 5px 0;
	height:230px;
	position:relative;
	overflow:hidden;
	margin: 0 0 30px 0;
}
.news-top-box .thumbnail{
	float:left;
	width:300px;
	height:230px;
}

.news-top-box .top-right{
	float:left;
	width:370px;
	margin:20px 0 0 20px;
}
.news-top-box .top-right .date{
	color:#000;
	margin:0 0 0 0;
	font-size:0.7em;
}
.news-top-box .top-right .title{
	margin:0 0 8px 0;
	font-size:1.3em;
	line-height:1.1em;
	color:#FFF;
}
.news-top-box .top-right .title a{
	color:#FFF;
}
.news-top-box .top-right .text{
	margin:0 0 3px 0;
	font-size:0.9em;
	line-height:130%;
	color:#000;
	font-weight:200
}
.news-top-box .top-right .more a{
	font-size:0.8em;
	padding:5px 16px;
	line-height:130%;
	color:#FFF;
	background:#818182;
	font-weight:200;
	border-radius: 3px;
	position:absolute;
	bottom:20px;
	left:320px;
}
.news-top-box .top-right .more a:hover{
	color:#00b0d8;
	background:#e9e9e9;
}

/* News second and Announcements */
.index-na-box{
	width:720px;
	position:relative;
	margin: 0 0 23px 0;
}
.index-na-box .thumbnail{
	float:left;
	width:150px;
	height:115px;
}
.index-na-box .thumbnail img{
	width:100%;
	height:100%;
}
.index-na-box .box-right{
	float:left;
	width:540px;
	margin:0 0 0 18px;
}
.index-na-box .box-right .date{
	color:#000;
	margin:2px 0 4px 0;
	font-size:0.7em;
	line-height:110%;
}
.index-na-box .box-right .date .cat{
	border-left:2px;
	border-right:2px;
	border-style:solid;
	border-color:#00b0d8;
	padding:0 5px;
	margin-left:20px;
}
.index-na-box .box-right .title{
	margin:0 0 8px 0;
	font-size:1.3em;
	line-height:1.1em;
	color:#00b0d8;
	font-weight:300;
}
.index-na-box .box-right .title a{
	color:#00b0d8;
}
.index-na-box .box-right .text{
	margin:0 0 3px 0;
	font-size:0.9em;
	line-height:130%;
	color:#000;
	font-weight:200
}
.index-na-box .box-right .more a{
	font-size:0.8em;
	padding:5px 16px;
	line-height:130%;
	color:#FFF;
	background:#00b0d8;
	font-weight:200;
	border-radius: 3px;
	position:absolute;
	bottom:0px;
	left:168px;
}
.index-na-box .box-right .more a:hover{
	color:#00b0d8;
	background:#e9e9e9;
}
/* Weekly programs TOP */
.news-top-box.programs{
	background:#9bdbea;
	width:720px;
	border-radius: 0 5px 5px 0;
	height:180px;
	position:relative;
	overflow:hidden;
	margin: 0 0 30px 0;
}
.news-top-box.programs .thumbnail{
	float:left;
	width:300px;
	height:180px;
}
.news-top-box.programs .top-right .title a{
	color:#454545;
}
.news-top-box.programs .top-right .more a{
	background:#545454;
}
.news-top-box.programs .top-right .more a:hover{
	color:#00b0d8;
	background:#e9e9e9;
}


/* Weekly Program */
#index-weekly-program{
	margin:50px 0 0 0;
	padding:0 0 0 0;
	background:#9bdbea;
	width:720px;  
	border-radius:5px;
}
#index-weekly-program h2{
	font-size:3em;
	font-weight:100;
	line-height:1em;
	padding:10px 0 20px 20px;
	color:#FFF;
}
.index-program-box{
	width:660px;
	position:relative;
	margin: 0 0 20px 20px;
}
.index-program-box .thumbnail{
	float:left;
	width:150px;
	height:115px;
}
.index-program-box .thumbnail img{
	width:100%;
	height:100%;
}
.index-program-box .box-right{
	float:left;
	width:470px;
	margin:0 0 0 18px;
}
.index-program-box .box-right .title{
	margin:0 0 8px 0;
	font-size:1.3em;
	line-height:1.1em;
	font-weight:300;
}
.index-program-box .box-right .title a{
	color:#454545;
}
.index-program-box .box-right .text{
	margin:0 0 3px 0;
	font-size:0.9em;
	line-height:130%;
	color:#000;
	font-weight:200
}
.index-program-box .box-right .more a{
	font-size:0.8em;
	padding:5px 16px;
	line-height:130%;
	color:#FFF;
	background:#545454;
	font-weight:200;
	border-radius: 3px;
	position:absolute;
	bottom:0px;
	left:168px;
}
.index-program-box .box-right .more a:hover{
	color:#00b0d8;
	background:#e9e9e9;
}


/* ******************************************************

	Content Layout
	
******************************************************* */

body{
	background:#FFF;
	color: #3e3a39;
}

#bg-all{
	width:100%;
}

#layout-all{
	width: 1100px;
	width: 100%;
	margin: 0 auto;
}
#contents{
	width:1000px;
	margin:0 auto;
	padding:40px 50px 60px 50px;
}
#main-content{
	width:720px;
	float:left;
	margin:0 0 0 0;
}
#single-content{
	width:720px;
	margin:0 0 50px 0;
	padding:0 0 0 0px;
}
#single-content p{
	margin:0 0 1em 0;
	max-width:700px;
	line-height:1.8em;
}


/* *******************************************************************

	Second Common

******************************************************************* */
h1{
/*	background:#13cfcd;
	font-size:1.4em;
	line-height:1.4em;
	padding:2px 0 2px 15px;
	margin:0 0 35px 0;
	color:#FFF;*/
}
h1.page-title{
	font-size:2.8em;
	font-weight:100;
	line-height:1em;
	padding:0 0 0 0;
	margin:0 0 20px -3px;
	color:#00b0d8;
}
h1.page-title span{
	font-size:0.8em;
	margin:0 0 0 25px;
}

h1.post-title{
	font-size:2.6em;
	font-weight:100;
	line-height:1em;
	padding:0 0 0 0;
	margin:0 0 30px -3px;
	color:#00b0d8;
}
h2.archive-title{
	font-size:2.8em;
	font-weight:100;
	line-height:1em;
	padding:0 0 0 0;
	margin:0 0 20px -3px;
	color:#00b0d8;
}
h2.second-title{
	font-size:2em;
	font-weight:100;
	line-height:1em;
	padding:0 0 0 0;
	margin:0 0 20px -3px;
	color:#00b0d8;
}

h2{
/*	background:#13cfcd;
	font-size:1.2em;
	line-height:1.2em;
	padding:2px 0 2px 15px;
	margin:0 0 35px 0;
	color:#FFF;
*/}
h2 a{
/*	color:#FFF;*/
}
h2 a:hover{
/*	color:#CCC;*/
}
h3{
	font-size:2em;
	font-weight:100;
	line-height:1em;
	padding:0 0 0 0;
	margin:0 0 20px 0;
	color:#00b0d8;
}
h3.privacy-title{
	font-size:1.5em;
	line-height:1em;
	margin:0 0 10px 0;
}
h2 a:hover{
	color:#CCC;
}
.single-date{
	margin:0 0 10px 0;
	line-height:100% !important;
}
.single-date .cat{
	border-left:2px;
	border-right:2px;
	border-style:solid;
	border-color:#00b0d8;
	padding:0 5px;
	margin-left:20px;
}

/* *****************************************
	Right Navigation
******************************************* */	
#right-navi.index{
	margin:67px 0 0 0;
}
#right-navi{
	width:232px;
	float:right;
	margin:10px 0 0 0;
}
#right-navi .right-title{
	font-size:1.3em;
	color:#00b0d8;
	margin:0 0 15px 11px;
}
#right-navi .logo-halal{
	margin:0 0 20px 0;
}

/* *****************************************
	Content Navigation
******************************************* */	

#nav-common{
	background:#00b0d8;
	width:232px;
	border-radius: 5px;
	margin: 0 0 25px 0;
	padding:4px 1px;
}
#nav-common .top-title{
	color:#FFF;
	font-size:1.3em;
	line-height:120%;
	margin:0 0 5px 12px;
	font-weight:300;
}
.arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 13px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 20px;
}
.arrow::before,
.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
#nav-common .library-item{
	width:100%;
	background:#4bcede;
	margin-bottom:1px;
	padding:7px 0 0 0;
}
#nav-common .library-item.common{
	background:#4bcede;
	margin-bottom:0px;
	padding:10px 0 5px 0;
}
#nav-common .library-item.second{
	padding:7px 0 12px 0;
}

/* Title with Arrow */
#nav-common .library-item .second-title{
	margin:0 0 10px 12px;
}
#nav-common .library-item.common .second-title{
	margin:0 0 15px 12px;
	float:none;
}
#nav-common .library-item .second-title a{
	font-size:1.2em;
	line-height:110%;
	position: relative;
	display: inline-block;
	padding: 0 0 0 13px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	color: #FFF;
}
#nav-common .library-item .second-title a:hover,
#nav-common .library-item .second-title.current a{
	color: #008eae;
}
#nav-common .library-item .second-title a::before,
#nav-common .library-item .second-title a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
#nav-common .library-item .second-title a::before{
	left: 0px;
	box-sizing: border-box;
	width: 6px;
	height: 6px;
	border: 6px solid transparent;
	border-left: 6px solid #FFF;
}
#nav-common .library-item .second-title a:hover::before,
#nav-common .library-item .second-title.current a::before{
	border-left: 6px solid #008eae;
}

/* Child Categories */
#nav-common .library-item ul{
	margin:-5px 10px 0 25px;
	padding:0 0 18px 0;
}
#nav-common .library-item li{
	line-height:110%;
	margin:0 0 10px 0;
}
#nav-common .library-item li a{
	color: #FFF;
	font-size:0.9em;
	line-height:110%;
}
#nav-common .library-item li a:hover,
#nav-common .library-item li.current-cat a{
	color: #008eae;
}
#nav-common .library-item li.current-cat{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
	left:-15px;
}
#nav-common .library-item li.current-cat::before,
#nav-common .library-item li.current-cat::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
#nav-common .library-item li.current-cat::before{
	left: 5px;
	box-sizing: border-box;
	width: 5px;
	height: 5px;
	border: 5px solid transparent;
	border-left: 4px solid #008eae;
}

#nav-common .library-item-box{
	margin:0 10px 0 12px;
	padding:0 0 7px 0;
}

#nav-common .library-item-box .thumbnail{
	float:left;
	margin:0 8px 0 0;
}
#nav-common .library-item-box .thumbnail img{
	width:40px;
	height:30px;
}
#nav-common .library-item-box .item-title{
	float:left;
	font-size:0.8em;
	line-height:110%;
	margin:0 0 0 0;
	width:155px;
}
#nav-common .library-item-box .item-title span{
	font-size:0.9em;
}
#nav-common .library-item-box a{
	color:#333 !important;
}
#nav-common .library-item-box a:hover{
	color:#FFF !important;
}
#nav-common .library-item-box a:hover img{
	opacity:0.8
}
#nav-common .item-desc{
	font-size:0.9em;
	line-height:110%;
	color:#454545;
	margin:0 12px 0 22px;
}
ul.archives{
	margin:0 0 30px 0;
}
ul.archives li{
	font-size:1.0em;
	line-height:110%;
	margin:0 0 10px 12px;
	position: relative;
	display: inline-block;
	padding: 0 0 0 13px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	margin:0 0 15px 12px;
}

ul.archives li::before,
ul.archives li::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
ul.archives li::before{
	left: 0px;
	box-sizing: border-box;
	width: 5px;
	height: 5px;
	border: 5px solid transparent;
	border-left: 5px solid #000;
}

/* *****************************************
	Right Prayer Schedule
******************************************* */	
#right-navi .prayer-title{
	color:#00b0d8;
	font-size:1.3em;
	margin:0 0 5px 12px;
	font-weight:300;
}
#right-navi #prayer-table{
	border:1px solid #00b0d8;
	width:232px;
	border-radius: 5px;
	margin: 0 0 4px 0;
	padding:12px 0 0 0;
}
#right-navi #prayer-table .hijra-date{
	font-size:0.9em;
	margin:0 18px 4px 18px;
	font-weight:300;
	line-height:120%;
}
#right-navi #prayer-table .gregorian-date{
	font-size:0.9em;
	margin:0 18px;
	font-weight:300;
}
#right-navi #prayer-table #timetable{
	width:220px;
	margin:8px 0 0 18px;
}
#right-navi #prayer-table #timetable th,
#right-navi #prayer-table #timetable td{
	color:#00b0d8;
	padding:0 0 5px 0;
	font-size:1.2em;
}
#right-navi #prayer-table #timetable th{
	width:60%;
}
#right-navi #prayer-table #timetable td{
	width:40%;
}
#right-navi #prayer-table #friday-prayer{
	background:#4bcede;
	width:100%;
	padding:7px 0 5px 0;
}
#right-navi #prayer-table #friday-prayer p{
	font-size:1.2em;
	color:#FFF;
	margin:0 0 5px 20px;
}
#right-navi #prayer-table .friday-table{
	width:220px;
	margin:0 0 0 18px;
}
#right-navi #prayer-table .friday-table td,
#right-navi #prayer-table .friday-table th{
	color:#FFF;
	padding:0 0 5px 0;
	font-size:1.2em;
}
#right-navi #prayer-table .friday-table th{
	width:60%;
}
#right-navi #prayer-table .friday-table td{
	width:40%;
}
/* Monthly Schedule */
.monthly-prayer{
	margin:0 0 0 10px;
}
.monthly-prayer a{
	color: #00b0d8;
	font-size:1em;
	position: relative;
	display: inline-block;
	padding: 0 0 0 13px;
	vertical-align: middle;
	text-decoration: none;
}
.monthly-prayer a:hover{
	color: #77a5af;
}
.monthly-prayer a::before,
.monthly-prayer a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.monthly-prayer a::before{
	left: 0px;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 6px solid #00b0d8;
}
.monthly-prayer a:hover::before{
	border-left: 6px solid #77a5af;
}


















/* *****************************************
	Right Prayer Schedule 2
******************************************* */	
#right-navi .prayer-title{
	color:#00b0d8;
	font-size:1.3em;
	margin:0 0 5px 12px;
	font-weight:300;
}
#right-navi .prayer-title.second{
	margin-top:15px;
}
#right-navi .prayer-table{
	border:1px solid #00b0d8;
	width:232px;
	border-radius: 5px;
	margin: 0 0 4px 0;
	padding:12px 0 0 0;
}
#right-navi .prayer-table .hijra-date{
	font-size:0.9em;
	margin:0 18px 4px 18px;
	font-weight:300;
	line-height:120%;
}
#right-navi .prayer-table .gregorian-date{
	font-size:0.9em;
	margin:0 18px;
	font-weight:300;
}
#right-navi .prayer-table #timetable{
	width:220px;
	margin:8px 0 0 18px;
}
#right-navi .prayer-table #iqamatable{
	width:220px;
	margin:0px 0 10px 18px;
}
#right-navi .prayer-table #timetable th,
#right-navi .prayer-table #timetable td,
#right-navi .prayer-table #iqamatable th,
#right-navi .prayer-table #iqamatable td{
	color:#00b0d8;
	padding:0 0 5px 0;
	font-size:1.2em;
}
#right-navi .prayer-table #timetable th,
#right-navi .prayer-table #iqamatable th{
	width:60%;
}
#right-navi .prayer-table #timetable td,
#right-navi .prayer-table #iqamatable td{
	width:40%;
}
#right-navi .prayer-table #friday-prayer{
	background:#4bcede;
	width:100%;
	padding:7px 0 5px 0;
}
#right-navi .prayer-table #friday-prayer p{
	font-size:1.2em;
	color:#FFF;
	margin:0 0 5px 20px;
}
#right-navi .prayer-table .friday-table{
	width:220px;
	margin:0 0 0 18px;
}
#right-navi .prayer-table .friday-table td,
#right-navi .prayer-table .friday-table th{
	color:#FFF;
	padding:0 0 5px 0;
	font-size:1.2em;
}
#right-navi .prayer-table .friday-table th{
	width:60%;
}
#right-navi .prayer-table .friday-table td{
	width:40%;
}
/* Monthly Schedule */
.monthly-prayer{
	margin:0 0 10px 18px;
}
.monthly-prayer a{
	color: #00b0d8;
	font-size:0.9em;
	position: relative;
	display: inline-block;
	padding: 0 0 0 13px;
	vertical-align: middle;
	text-decoration: none;
}
.monthly-prayer a:hover{
	color: #77a5af;
}
.monthly-prayer a::before,
.monthly-prayer a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.monthly-prayer a::before{
	left: 0px;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 6px solid #00b0d8;
}
.monthly-prayer a:hover::before{
	border-left: 6px solid #77a5af;
}



/* *****************************************
	MainArea Texts
****************************************** */
.regular{
	font-size:0.9em;
	line-height:1.8em;
}
.small{
	font-size:0.8em;
	line-height:1.8em;
}
/* Align */
.text-right{text-align:right;}
.text-center{text-align:center;}

/* float */
.lyt-left{float:left;}
.lyt-right{float:right;}

/* width */
.w50{width:50px;}
.w70{width:70px;}
.w80{width:80px;}
.w100{width:100px;}
.w165{width:165px;}
.w180{width:180px;}
.w200{width:200px;}
.w220{width:220px;}
.w250{width:250px;}
.w270{width:270px;}
.w300{width:300px;}
.w320{width:320px;}
.w350{width:350px;}
.w400{width:400px;}
.w500{width:500px;}
.w565{width:565px;}
.w615{width:615px;}
.w710{width:710px;}
.w725{width:725px;}

/* colors */
.red{color:#e6001a}
.orange{color:#ff7200}

/* size */
.bold{font-weight:800;}

/* margins */
.mg-top-05{margin-top:5px !important;}
.mg-top-10{margin-top:10px !important;}
.mg-top-15{margin-top:15px !important;}
.mg-top-20{margin-top:20px !important;}
.mg-top-25{margin-top:25px !important;}
.mg-top-30{margin-top:30px !important;}
.mg-top-35{margin-top:35px !important;}
.mg-top-40{margin-top:40px !important;}
.mg-top-45{margin-top:45px !important;}
.mg-top-50{margin-top:50px !important;}
.mg-top-60{margin-top:60px !important;}
.mg-top-70{margin-top:70px !important;}
.mg-top-80{margin-top:80px !important;}

.mg-btm-05{margin-bottom:5px !important;}
.mg-btm-10{margin-bottom:10px !important;}
.mg-btm-15{margin-bottom:15px !important;}
.mg-btm-20{margin-bottom:20px !important;}
.mg-btm-25{margin-bottom:25px !important;}
.mg-btm-30{margin-bottom:30px !important;}
.mg-btm-35{margin-bottom:35px !important;}
.mg-btm-40{margin-bottom:40px !important;}
.mg-btm-45{margin-bottom:45px !important;}
.mg-btm-50{margin-bottom:50px !important;}
.mg-btm-60{margin-bottom:60px !important;}
.mg-btm-80{margin-bottom:80px !important;}
.mg-btm-100{margin-bottom:100px !important;}

.mg-rt-05{margin-right:5px !important;}
.mg-rt-10{margin-right:10px !important;}
.mg-rt-15{margin-right:15px !important;}
.mg-rt-20{margin-right:20px !important;}
.mg-rt-25{margin-right:25px !important;}
.mg-rt-30{margin-right:30px !important;}
.mg-rt-35{margin-right:35px !important;}
.mg-rt-40{margin-right:40px !important;}
.mg-rt-45{margin-right:45px !important;}
.mg-rt-50{margin-right:50px !important;}

.mg-lt-03{margin-left:3px !important;}
.mg-lt-04{margin-left:4px !important;}
.mg-lt-05{margin-left:5px !important;}
.mg-lt-10{margin-left:10px !important;}
.mg-lt-15{margin-left:15px !important;}
.mg-lt-20{margin-left:20px !important;}
.mg-lt-25{margin-left:25px !important;}
.mg-lt-30{margin-left:30px !important;}
.mg-lt-35{margin-left:35px !important;}
.mg-lt-40{margin-left:40px !important;}
.mg-lt-45{margin-left:45px !important;}
.mg-lt-50{margin-left:50px !important;}
.mg-lt-70{margin-left:70px !important;}
.mg-lt-90{margin-left:90px !important;}
.mg-lt-130{margin-left:130px !important;}

/* *******************************************************************

	Library

******************************************************************* */

.library-top-box{
	margin:0 0 30px 20px;
}
.library-top-box .title{
	font-size:1.2em;
	margin:0 0 0 0;
}
.library-top-box .date{
	font-size:0.9em;
	margin:0 0 5px 0;
}
.study-category-box{
	margin:0 0 50px 0;
}
.video-top-box{
	width:232px;
	float:left;
	min-height:205px;
	margin:0 11px 30px 0;
}
.video-top-box.third{
	margin-right:0;
}
.video-top-box .date{
	color:#000;
	margin:3px 0 3px 0;
	font-size:0.7em;
	line-height:110%;
}
.video-top-box .cat{
	font-size:0.7em;	
	margin:0 0 8px 0;
}
.video-top-box .cat span{
	border-left:2px;
	border-right:2px;
	border-style:solid;
	border-color:#00b0d8;
	padding:0 5px;
}
.video-top-box .title{
	font-size:1.2em;
	line-height:1em;
	color:#00b0d8;
	margin:0 0 0 0;
	font-weight:200;
}
.library-study-box{
	margin:0 0 30px 20px;
}
.library-video-box{
	margin:0 0 30px 20px;
}
.library-video-box li{
	width:232px;
	float:left;
	font-size:0.9em;
	line-height:1.2em;
	margin:0 11px 20px 0;
}
.library-video-box li img{
	margin:0 0 10px 0;
}
.library-archive-page{
	position:relative;
	margin-bottom:100px;
}
.library-archive-page h2{
	position:absolute;
	bottom:0;
}
.library-archive-page .more a{
	position:absolute;
	bottom:0;
	right:0;
	margin-bottom:20px !important;
}
.videoframe{
	margin:0 0 25px 0;
}

/* *******************************************************************

	News and Announcements

******************************************************************* */

.archive-box{
	margin:0 0 30px 0;
}
.archive-see-all.video{
	margin-bottom:100px;
}
.archive-see-all a,
.library-archive-page .more a{
	font-size:1.2em;
	line-height:130%;
	color:#00b0d8;
	font-weight:300;
	margin:0 0 40px 0;
	float:right;
}
.archive-see-all a::before,
.library-archive-page .more a::before{
	left: 1px;
	box-sizing: border-box;
	width: 8px;
	height: 6px;
	border: 6px solid transparent;
	border-left: 6px solid #00b0d8;
}
.archive-see-all a:hover,
.library-archive-page .more a:hover{
	color: #77a5af;
}
.archive-see-all a:hover::before,
.library-archive-page .more a:hover::before{
	border-left: 6px solid #77a5af;
}

h2.prdate{
	font-size:1.2em;
	color: #00b0d8;
	margin:0 0 15px 0;
}

.program-detail{
	width:720px;
	margin:0 0 15px 0;

}
.program-detail dt{
	width:120px;
	float:left;
}
.program-detail dd{
	float:left;
}
.program-detail dd.name{
	width:380px;
	padding:0 20px 0 0;
}
.program-detail dd.place{
	width:200px;
}
.program-detail.top dt,
.program-detail.top dd{
	border-bottom:1px solid #00b0d8;
	padding-bottom:3px;
}
a.pdf{
	background:url(../img/icon_pdf.png) 0 0 no-repeat;
	padding:3px 0 3px 28px;
	color:#f70000;
}
a.youtube{
	background:url(../img/icon_youtube.png) 0 0 no-repeat;
	padding:5px 0 5px 40px;
	line-height:25px;
	color:#f70000;
}
/* *******************************************************************

	Shahadah

******************************************************************* */

.shahadah-text-arabic{
	width:90%;
	margin-top:30px;
}
.shahadah-text-jp{
	font-style:italic;
	font-size:1.1em;
	font-weight:700;
}

/* *******************************************************************

	Prayer Schedule

******************************************************************* */

table.prayer-nav{
	width:auto;
	border-collapse: collapse;
	margin:0 0 20px 0;
}
table.prayer-nav td{
	font-size:2em;
	color:#00b0d8;
	font-weight:100;
	padding:0 10px;
}
table.prayer-nav td.next-previous{
	padding:0;
}
table.prayer-nav td.next-previous a{
	color:#00b0d8;
}
table.prayer-nav td.next-previous a:hover{
	color:#0093b4;
}
table#timetable2{
	width:90%;
	border-collapse: collapse;
	margin:0 0 20px 0;
}
table#timetable2 td{
	text-align:center;
	padding:2px 5px;
	border-bottom:1px solid #4bcede;
}
table#timetable2 .head-row td{
	background:#00b0d8;
	color:#FFF;
	font-weight:400;
	padding:4px 5px;
	border-bottom:none;
}
table#timetable2 .today-row td{
	background:#b8deea;
}
.prayer-source{
	font-size:0.9em;	
}

/* *******************************************************************

	About

******************************************************************* */

#accessmap{
	width:100%;
	height:500px;
	border:1px solid #CCC;
	margin:0 0 25px 0;
}
#map_canvas{
	width:100%;
	height: 100%;
}
.access-info .title{
	font-size:1.8em;
	color:#00b0d8;
	font-weight:100;
	margin:0 0 10px 0;
}
.access-info ol li{
	line-height:130%;
	margin:0 0 10px 0;
}
.access-info,
.access-box{
	margin-bottom:30px;
}
.about-list{
	margin-bottom:30px;	
}

/* *****************************************
	Bank
******************************************* */
#bank .bank-box{
	width:650px;
	font-size:1em;
	line-height:150%;
	margin:0 0 80px 0;
	border:1px solid #00b0d8;
	padding:20px 20px 15px 20px;
}
#bank dl{
	width:650px;
	margin:0 0 0px 0;
}
#bank dl.color{
	background:#e3f5f9;
}
#bank dl dt,
#bank dl dd{
	float:left;
	padding:8px 0 8px 10px;
}
#bank dl.color dt,
#bank dl.color dd{
	padding:5px 0 5px 10px;
}
#bank dt{
	width:150px;
}
#bank dd{
	width:450px;
}
#bank.en dt{
	width:160px;
}
#bank.en dd{
	width:420px;
}

/* *******************************************************************

	Contact

******************************************************************* */
#contact-main{
	width:720px;
}
#contact-box{
	width:650px;
	margin:0 0 0 0px;
}
#contact-box .red{
	font-weight:800;
	margin:0 3px;
}
.form-box{
	width:650px;
	padding:0 0 15px 0;
	margin:0 0 30px 0;
/*	border-bottom:1px solid #CDCDCD;*/
}
.form-box.second{
	padding:0px 0 0 0;
}
#contact-box h1{
	float:left;
	margin:0 20px 20px 0;
}
#contact-box .privacy-link{
	float:left;
}
#contact-box .privacy-link a{
	background:url(/common/img/contact_arrow.png) no-repeat 0 center;
	padding:0 0 0 9px;
	color:#555;
}
.wpcf7-validation-errors,
.wpcf7-mail-sent-ok{
	width:658px;
	font-size:1.0em !important;
}
#contact-box .top-text{
	clear:both;
/*	width:640px;*/
	font-size:1em;
	line-height:150%;
	margin:0 0 40px 0;
/*	border:1px solid #04aec6;*/
	padding-top:20px ;
}
.form-send{
	width:515px;
	text-align:right;
}
.form-send input{
	padding:4px 15px;
}
.wpcf7{
	width:670px;
	margin:0 0 0 0px !important;
}
.wpcf7 dl{
	width:670px;
	margin:0 0 25px 0;
}
.wpcf7 dt{
	width:160px;
	float:left;
	font-size:1em;
	position:relative;
	top:6px;
}
.wpcf7 dt span{
	color:#f57795;
}
.wpcf7 dt div{
	margin-top:15px;
	font-weight:400;
	font-size:1em;
}
.wpcf7 dd{
	width:320px;
	float:left;
	font-size:1em;
}
.wpcf7 dd input{
	width:320px;
	height:20px;
	padding:2px 4px;
	font-size:1.0em;
	border:1px solid #8f8f8f;
	background:#FFF;
}
.wpcf7 dd select{
	width:180px;
	padding:1px;
	font-size:1.4em;
	border:1px solid #CCC;
}
.wpcf7 dd.question select{
	width:240px;
}
.wpcf7 dd.question input{
	width:120px;
}
.wpcf7 dd.question.number input{
	width:120px;
}
.wpcf7 dd.check span.wpcf7-list-item{
	float:left;
}
.wpcf7 dd.check span.wpcf7-list-item .wpcf7-list-item-label{
	float:left;
	margin-left:8px;
	margin-right:30px;
	min-width:40px;
/*	width:70px;*/
	display:block;
	white-space:nowrap;
}
.wpcf7 dd.check span.wpcf7-list-item input{
	float:left;
	border:1px solid #585845;
	width:12px;
	height:12px;
	padding:0;
	position:relative;
	top:4px;
}
.wpcf7 dd textarea{
	border:1px solid #8f8f8f;
	width:320px;
	height:100px;
	padding:2px 4px;
	background:#FFF;
}
BKspan.wpcf7-not-valid-tip {
	position: absolute;
	top: 1px !important;
	left: 5px !important;
	z-index: 100;
/*	background: none !important;*/
	border: none !important;
	font-size: 1.0em !important;
	color:red !important;
	width: 220px !important;
	padding: 0 0 0 0px !important;
	background:#FFF;
}
span.wpcf7-not-valid-tip {
	border: none !important;
	font-size: 1em !important;
	color:red !important;
	width: 290px !important;
	padding: 3px 0 0 3px !important;
}

/* IE 8&9 hack */
span.wpcf7-not-valid-tip {
	top: -12px\9 !important;
}
:root span.wpcf7-not-valid-tip {
	top: -12px\9 !important;
}
/* IE 8&9 hack */
	
dd.check span.wpcf7-not-valid-tip {
	position: absolute;
	top: -3px !important;
	left: -350px !important;
	z-index: 100;
	width:450px !important;
/*	background: none !important;*/
	padding: 2px 0 0 10px !important;
}
dd.message span.wpcf7-not-valid-tip {
	position: absolute !important;
	top: -110px !important;
	left: 0px !important;
	z-index: 100;
	width:250px !important;
	background: none !important;
	padding: 2px 0 0 10px !important;
}
div.wpcf7-mail-sent-ok{
	border: none !important;
	color:#160f88 !important;
	font-weight:800;
	font-size:1.4em;
}

div.wpcf7-validation-errors{
	border:0 !important;
}
div.wpcf7-response-output{
	margin:15px 0 !important;
	padding:0 !important;
	color:red;
	font-weight:800;
	font-size:1.4em;
}
.wpcf7 p.submit{
	margin:34px 0 0 155px;
}
*:first-child+html .wpcf7 p.submit{
	margin:34px 0 0 70px;
}
.checkbox-text{
	width:680px;
	font-size:0.9em;
}
/* ****************************
	Date Picker
****************************** */

#ui-datepicker-div{
	font-size:0.9em;
}

/* *******************************************************************

	Search

******************************************************************* */
.searchinput input.box{
	border:1px solid #707070;
	height:20px;
	padding:0 3px;
}
#search-archive{
	margin:0 0 50px 0;
}
#search-archive h1.archive-title{
	color:#90c31f;
	margin:0 0 40px 0;
	font-size:1.4em;
}
.search-archive-list{
	margin:0 0 26px 0;
}
.search-archive-list .date{
	/*color:#90c31f;*/
	margin:0 0 0px 31px;
	font-size:0.9em;
}
.search-archive-list .entry-title{
	background:url(/common/img/icon_heading_bg.png) no-repeat left center;
	font-size:1.2em;
	line-height:1.4em;
	padding:2px 0 2px 31px;
}

/* *******************************************************************

	Print

******************************************************************* */

@media print and (min-width: 480px) {
#header,#footer,#right-navi,h1.page-title,.prayer-source,td.next-previous{
	display:none;
}
#contents {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
#main-content {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
}
#single-content {
  width: 100%;
  margin: 0;
  padding: 0;
}
table.prayer-nav {
  margin: 0 0 5px 0;
}
table.prayer-nav td {
  font-size: 1.5em;
  color: #666;
  font-weight: 400;
}
table#timetable2{
  width: 90%;
  margin:0 auto;
}
table#timetable2 td {
  padding: 0px 5px;
  border-bottom: 1px solid #666;
}
table#timetable2 .head-row td {
  background: none;
  color: #666;
  border-bottom: 1px solid #666;
 }
table#timetable2 .today-row td {
  background:none;
}
}