@charset "UTF-8";
@import url("base.css");
@import url("ie.css");
@import url("screen.css");


/* -------------------- 01.wrapper style -------------------- */
div#wrapper { margin: 0; padding: 0; text-align: center; width: 100%; }


/* -------------------- 02.header style -------------------- */
div#header { width: 800px; height: 100px; margin: 0 auto; text-align: left; }
div#header h1 { width: 222px; height: 60px; margin: 0; padding: 0; overflow: hidden; }
div#header h1 a { display: block; width: 222px; height: 0; margin: 30px 0 0; padding: 30px 0 0; background: url(../images/logo.gif) 0 0 no-repeat; }
div#header div.related { margin: -20px 0 0; padding: 0; float: right; }


/* -------------------- 03.navigator style -------------------- */
div#gnavi { margin: 0; padding: 0; width: 100%; height: 50px; background: url(../images/bg_gnavi.gif) 0 0 repeat-x; }
div#gnavi ul { margin: 0 auto; padding: 0; width: 800px; list-style: none; }
div#gnavi ul li { margin: 0; padding: 0; float: left; display: inline-block; height: 50px; }


/* -------------------- 04.container style -------------------- */
div#container { width: 800px; margin: 0 auto;  padding: 0; clear: both; text-align: left; }


.clearfix { width:100%; }
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both; }
				
/* -------------------- 05.mobilyslider -------------------- */
#maximage { position:relative !important; background-color: #cccccc; }
#top_holder {	margin: 0 auto; width: 100%; height: 400px; border-bottom: 5px solid #efefef;	}
#holder {	margin: 0 auto; width: 100%; height: 100px; border-bottom: 5px solid #efefef;	}

.mc-hide-scrolls{ overflow: hidden; }

body .mc-cycle { height:100%; left:0; overflow: hidden;	position: fixed; top: 0; width:100%; z-index: -1; }

div.mc-image {
	/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: */
	-webkit-transition: opacity 1s ease-in-out; 
	-moz-transition: opacity 1s ease-in-out; 
	-o-transition: opacity 1s ease-in-out; 
	transition: opacity 1s ease-in-out;
	
	/*If you are using horizontal slide transitions, use the following CSS:
	-webkit-transition: left 1s ease-in-out; 
	-moz-transition: left 1s ease-in-out; 
	-o-transition: left 1s ease-in-out; 
	transition: left 1s ease-in-out;*/
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}

.mc-old-browser .mc-image {	overflow: hidden; }


/* -------------------- 06.contents style -------------------- */
div#top_contents { margin: 20px 0 50px; padding: 0; width: 510px; height: 100%; text-align: left; float: left; }
div#contents { margin: 50px 0; padding: 0; width: 600px; height: 100%; text-align: left; float: right; overflow: hidden; /zoom: 1; /* for IE6,7 */ }

h2 { margin: 0 0 15px; padding: 0; }
h3 { margin: 0 0 20px; padding: 0 0 15px; background: url(../images/bg_title.gif) 0 bottom repeat-x; background-color: #fff; }

ul.category { margin: 0; padding: 0; width: 516px; list-style: none; }
ul.category li { margin: 0 6px 6px 0; padding: 0; float: left; display: inline-block; height: 70px; }

ul.service { margin: 50px -10px 50px 0; padding: 0; list-style: none; }
ul.service li { margin: 0 10px 10px 0; padding: 0; width: 295px; height: 290px; float: left; display: inline-block; background-color: #f9f9f9; }
ul.service li img { margin: 0 0 10px; padding: 0; border-bottom: 5px solid #efefef; }
ul.service li strong { margin: 0 10px 10px 5px; padding: 0; color: #333333; font-size: 14px; line-height: 1.6em; }
ul.service li p { margin: 5px; padding: 0; font-size: 12px; line-height: 1.6em; }


ul.flow { margin: 50px 0; padding: 0; width: 100%; list-style: none; }
ul.flow li { margin: 0 0 5px; padding: 15px; width: 600px; display: inline-block; height: 80px; font-size: 12px; background: url(../images/bg_flow.gif) 0 0 no-repeat; }
ul.flow li strong { margin: 0 20px 0 0; font-size: 14px; color: #324d63; }
ul.flow li.info { margin: 0; padding: 0; height: 80px; }



table.corporate { margin: 50px auto; padding: 0; }
table.corporate tr th,table.corporate tr td { font-size: 12px; padding: 5px 3px; vertical-align: top; color: #333333; }
table.corporate tr th { width: 100px; text-align: left; font-weight: bold; }
table.corporate tr td textarea { height: 120px; }
table.corporate tr td strong { color: #333333; }
table.corporate tr td div { margin: 10px 0 0; padding: 10px; color: #333333; background-color: #efefef; }
table.corporate caption { margin: 20px 0 0; padding: 0; font-size: 10px; color: #333333; }

table.corporate dl { margin: 0; padding: 15px  10px 10px; font-size: 12px; color: #333333; background-color: #efefef; list-style: none; }
table.corporate dl dt { margin: 0; padding: 0; float: left; width: 140px; text-align: right; line-height: 1.6em; font-weight: bold; }
table.corporate dl dd { margin: 0 0 0 125px; padding: 0 0 5px 1.5em; line-height: 1.6em; }

p#toTop { text-align: right; margin: 50px 0 100px; clear: both; }
p#toTop a { font-size: 10px; text-decoration: none; }

p { margin: 0 0 1em; padding: 0; font-size: 12px; line-height: 1.6em; color: #000; }
div.thanks { margin: 50px 0 100px; padding: 30px; font-size: 12px; line-height: 1.6em; background-color: #efefef; }

.left { float: left; }
.right { float: right; }

/* -------------------- 07.sidebar style -------------------- */
div#top_sidebar { margin: 20px 0 0; padding: 0 0 0px; width: 250px; background-color: #fff; float: right; }
div#sidebar { margin: 0; padding: 0 0; width: 150px; height: 100%; background-color: #; float: left; background: url(../images/bg_container.gif) 0 0 repeat-y; }

div#top_sidebar ul { margin: 0; padding: 0; list-style: none; }
div#top_sidebar ul li { font-size: 12px; margin: 0 0 10px; padding: 0; }
div#top_sidebar ul li a:hover img { opacity:0.8; filter: alpha(opacity=80); }

/* -------------------- 08.footer style -------------------- */
div#footer { clear: both; width: 100%; height: 50px; margin: 0; padding: 0; }

div#maker { margin: 0; padding: 0; width: 100%; border-top: 1px solid #cccccc; clear: both; }
div#maker ul { width: 800px; margin: 0 auto; padding: 0; list-style: none; }
div#maker ul li { margin: 0; padding: 0; float: left; }



/* -------------------- 09.copyright style -------------------- */
div#copyright { width: 100%; clear: both; line-height: normal; }
div#copyright p { margin: 0; padding: 20px; font-size: 10px; color: #fff; background-color: #333333; text-align: center; }