@charset "UTF-8";
/* CSS Document */
body { background:url(../img/bg.gif) repeat-x; background-color:#ccf0ff; text-align:center; margin:0px; padding:0px; color:#363028;
		font-family:Arial, Helvetica, sans-serif; font-size:13px;}
	

a {color:#CC0066; text-decoration: none;}
a:hover {color:#3333FF; text-decoration:underline;}

h1 { width:630px; height:50px; line-height:50px; background:url(../img/subtitle.gif) no-repeat; padding-left:10px; margin:0px; font-size:16px; font-weight:bold; color:#66768d;}
h3 { font:12px Verdana, Arial, Helvetica, sans-serif; color:#666666; font-weight:bold;}


img {border:0px;}

p.blue{ color:#3366FF; font-weight:bold; margin:20px 0 5px 0;}

.frame01{ width:245px; height:142px; background:url(../img/picFrame.gif); padding:12px 10px;}
.frame02{ width:200px; height:120px; background:url(../img/picFrame2.gif); padding:12px 10px;}
.frame03{ width:87px; height:130px; background:url(../img/picFrame3.gif); padding:12px 10px;}

.subTitle{ width:275px; height:30px; background:url(../img/subtitle.gif) no-repeat; padding:5px 0px 0px 25px; margin:0px; float:left;
			font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#8a3e00; 
}
.subTitle2{ width:800px; height:20px; background:url(../img/subtitle2.gif) no-repeat; margin:0px 25px 20px 25px; padding:15px 25px ; font-size:18px; font-weight:bold; color:#000099;
}
.subTitle3{ width:500px; margin:10px 0px 20px 0px;}

.name{ font-size:14px; color:#CC0000; font-weight:bold;}

#structure{ width:950px; text-align:left; margin:0px auto; }

#header{ width:950px; height:200px; padding:0px; margin:0px; background:url(../img/header.gif) repeat-y; font:10px normal Tahoma, Arial, Verdana;}

a.headerTitle { width:600px; height:140px; display:block; padding:0px; margin:0px; float:left; background:url(../img/headerTitle.gif) no-repeat; }
a:hover.headerTitle{background:url(../img/headerTitleH.gif) no-repeat; }

a.headerContact{ width:250px; height:70px; padding:0px; margin-left:100px; display:block; float:left; background:url(../img/headerContact.gif) no-repeat; }
a:hover.headerContact{background:url(../img/headerContactH.gif) no-repeat; }

a.headerContactEn{ width:250px; height:70px; padding:0px; margin-left:100px; display:block; float:left; background:url(../img/headerContactEn.gif) no-repeat; }
a:hover.headerContactEn{background:url(../img/headerContactHEn.gif) no-repeat; }

a.headerBlog{ display:block; width:250px; height:50px; line-height:50px; background:url(../img/blogNavBg.gif) no-repeat; float:right; margin:0px 45px 0px 55px; font-size:13px; color:#333300; }
a:hover.headerBlog{ background-position:0 -50px; text-decoration:none;}

a.headerBlogNone{ display:block; width:250px; height:50px; line-height:50px; background:; float:right; margin:0px 45px 0px 55px; font-size:13px; color:#333300; }

.flag { width:302px; height:20px; padding:0 48px 0 0; margin:0; float:left; text-align:right; }
.flag img { padding-left:5px;}
.flag a { color:#666666; text-decoration:none;}
.flag a:hover { color:#00CCFF; text-decoration:none;}

#headerNav{	width:854px; height:40px; padding:0px 48px 0px 48px; margin:0px; font-size:12px;}
#headerNav ul{ width:854px; height:40px; padding:0px; margin:0px;}
#headerNav li{ width:122px; height:40px; list-style:none; padding:0px; margin:0px; text-align:center; float:left;}
#headerNav li a { display:block; width:122px; height:40px; line-height:40px; background:url(../img/navBtn.gif) no-repeat; padding:0px; font-size:13px; color:#333300;}
#headerNav li a:hover { background-position:0px -40px; color:#f7b85f; text-decoration:none;}


#main{ width:850px; margin:0px; padding:0px 50px; background:url(../img/contents.gif) repeat-y; float:left;}
#mainTop{ margin-top:10px; padding:0px 0px; line-height:22px; }
#mainTop p { padding-left:10px;}

.contactInfo{ font-size:11px; line-height:22px;}


#inside{ float:left; margin:20px 0px 10px 0px; padding:0px; font-size:10px;}
#inside1{ width:200px; height:100px; float:left;}
#inside2{ width:408px; height:100px; margin:0px 10px; padding:0px 10px; border:1px solid #CCCCCC; border-bottom:none; border-top:none; float:left;}

#mainBtm{ width:850px; height:25px; line-height:25px; text-align:right; margin:10px 0px 0px 0px; padding:0px 10px 0px 0px; background: url(../img/mainBtm.gif); color:#AAAAAA; font-size:10px; clear:both;}
#mainBtm a{ color:#333333; text-decoration:none;}
#mainBtm a:hover{ color:#0066FF; text-decoration:underline;}


#leftSide{ width:180px; float:left; background:url(../img/left.gif) no-repeat; margin-top:12px; padding:60px 10px 20px 10px; font: 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#666666;}
#leftSide hr{ border:#666666 dotted 1px;}
.access_left { 
width:180px; float:left; padding-bottom:5px; font-weight:bold;}
.access_right { 
width:170px; float:right; padding-left:10px;
}
.clear_dot10 { clear:both; border:1px dotted #d5d5d5; border-top:none ; border-right:none;  border-left:none; padding:0; height:10px; margin:5px 0 10px 0;}

#rightSide{ width:640px; float:left; line-height:22px; padding-left:10px; margin:10px 0px; }
.rightContents{ padding-left:10px; margin:0px;}

ul.process{ padding:0px 0px 20px 25px; }
ul.process h4 { margin:3px 0px; padding:0px; font-weight:bold;}
li.processList1{ background:url(../img/list1.gif) no-repeat; color:#333333; margin:0px 0px 0px 5px; padding:0px 0px 0px 15px; font-size:14px; list-style:none;}
li.processList2{ background:url(../img/list2.gif) no-repeat; color:#333333; margin:2px 0px 2px 15px; padding:0px 0px 0px 15px; font-size:13px; list-style:none;}
			
			
.illust{ text-align:center;}
.illust img{ border:1px solid #CCCCCC; padding:3px; margin:1px;}

.arrow{ width:600px; height:60px; line-height:60px; padding:0px 20px; margin:0px; background:url(../img/arrowBg.gif) no-repeat; color:#3399FF; font-size:14px; font-weight:bold; }
.yose{ padding-left:20px;}

.contentsUl { list-style:none; margin:0px; padding:0px 0px 0px 5px; color:#000000; font:bold 14px "Times New Roman", Times, serif;}
.contentsUl li{ list-style:none; background:url(../img/reasonArrow.gif) no-repeat; height:30px; line-height:30px; padding:0px 0px 0px 18px; margin:3px 0px;}
			
			
table {font:normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; padding:0px;}
th {font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../img/bg_header.jpg) repeat-x;}
td { border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 6px 6px 6px 12px; color: #4f6b72;}
td.alt { background: #F5FAFA; color: #797268;}
th.spec { border-left: 1px solid #C1DAD7; border-top: 0; background: #fff url(../img/bullet1.gif) no-repeat; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
th.specalt {border-left: 1px solid #C1DAD7; border-top: 0; background: #f5fafa url(../img/bullet2.gif) no-repeat; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #797268;}
th.nobg { border-top: 0; border-left: 0; -right: 1px solid #C1DAD7; background: none;}

.subsubtitle{ background:url(../img/subsubtitle.gif) no-repeat; width:500px; height:35px; line-height:35px; padding: 0px 0px 0px 20px; font:bold;}

.price{ text-align:left; vertical-align:top; width:97%; border:none; margin:10px auto; }
.price th, td{vertical-align:top;}
.priceTxt{ font:10px; padding:0px 0px 0px 10px;}
.priceChange{font:normal 10px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; text-align:right;}

.sitemap{ width:195px; margin:5px; float:left;}
.sitemapTxt{ border-top:1px dotted #CCCCCC; border-bottom:none; border-left:none; border-right:none; font:10px; padding:10px;}

#footer{ width:900px; height:100px; padding:10px 50px 0px 0px; background:url(../img/footer.gif) no-repeat; text-align:right; font-size:10px; clear:both;}
#footerIn{ width:900px; height:130px; text-align:left; margin:0px auto; }

#footerTop{ width:850px; height:40px; padding:10px 25px 0px 25px; text-align:right; font-size:11px; color:#333333; float:left; }
#footerLeft{ width:370px; height:80px; padding-left:25px; float:left; text-align:left;  line-height:18px; }
#footerRight{ width:475px; height:80px; padding-right:25px; text-align:right; float:left; }


#qa { background:url(../img/q.gif) no-repeat; padding:3px 0px 10px 27px; margin:5px 0px 0px 5px;}
#qa .qa_a { background:url(../img/a.gif) no-repeat; padding:0px 0px 0px 32px; color:#666666; margin:5px 0px 0px -10px;}
#qa a{ color:#6E634E; text-decoration:none; font-size:14px;}
#qa a:hover{ color:#6E634E; text-decoration:underline;}











#headerBlog{ width:950px; height:200px; padding:0px; margin:0px; background:url(../img/headerBlog.gif) repeat-y; font:10px normal Tahoma, Arial, Verdana;}

a.headerTitleBlog { width:600px; height:140px; display:block; padding:0px; margin:0px; float:left; background:url(../img/headerTitleBlog.gif) no-repeat; }
a:hover.headerTitleBlog{background:url(../img/headerTitleBlogH.gif) no-repeat; }

a.headerContactBlog{ width:250px; height:90px; padding:0px; margin-left:100px; display:block; float:left; background:url(../img/headerContact.gif) no-repeat; }
a:hover.headerContactBlog{background:url(../img/headerContactH.gif) no-repeat; }

a.headerHome{ display:block; width:250px; height:50px; line-height:50px; background:url(../img/homeNavBg.gif) no-repeat; float:right; margin:0px 45px 0px 55px; font-size:13px; color:#333300; }
a:hover.headerHome{background:url(../img/homeNavBgH.gif) no-repeat; color:#f7b85f; text-decoration:none;}




#leftNavBlog{ width:220px; background:url(../img/leftFrameBlog.gif) no-repeat; float:left; width:180px; margin-top:12px; padding:20px 10px 20px 10px; font:11px 'Lucida Grande', Verdana, Arial, Sans-Serif;  color:#666666;}


#content { width:640px; float:left; line-height:22px; padding:15px 0px 15px 10px; margin:0px 0px; }


.widecolumn .entry p { font-size: 1.05em; }
.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }
.widecolumn { line-height: 1.6em; }

.alt { background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }


small { font-family: Arial, Helvetica, Sans-Serif; font-size:9px; text-align:left; line-height: 1.5em; padding:0px 0px 0px 40px; margin:0px; }

.narrowcolumn { float: left; padding:0px; margin: 0px 0 0; }
.widecolumn { padding: 0px 0 20px 0; margin:0px; }

.post {background:url(../img/blogTitle.gif) no-repeat; padding:0px 0px 10px 0px; margin:10px 0px 20px 0px; border-bottom:#BDE6F2 dotted 1px; border-left:none; border-right:none; border-top:none;}
.post h2{padding:0px 0px 0px 30px; margin:0px 0px 0px 0px; font: 17px bold 'Trebuchet MS', Lucida Grande, Trebuchet, Helvetica; color:#666666;}

.post hr { display: block; }

.entry{ padding:10px 0px 0px 5px;}

.widecolumn .post { margin: 0; }
.narrowcolumn .postmetadata { padding-top: 5px; }
.widecolumn .postmetadata { margin: 20px 0; }
.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 0px; }
.widecolumn .attachment { text-align: center; margin: 5px 0px; }
.postmetadata { text-align:left; font-size:10px; clear: both; }

.clear { clear: both; }

#headerimg .description { font-size: 1.2em; text-align: center; }

h2 {font-family: Lucida Grande, 'Trebuchet MS', Trebuchet, Helvetica; color:#666666;}

#leftNavBlog h2 { font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em; }


h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #333; }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #leftNavBlog h2, #wp-calendar caption, cite { text-decoration: none; }
a, h2 a:hover, h3 a:hover { color: #06c; text-decoration: none; }

a:hover { color: #147; text-decoration: underline; }
.entry p a:visited { color: #b85b5a; }

.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }


small, #leftNavBlog ul ul li, #leftNavBlog ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; }

code { font: 1.1em 'Courier New', Courier, Fixed; }

acronym, abbr, span.caps
{ font-size: 0.9em; letter-spacing: .07em; }




/* End Typography & Colors */

in Headers */

h2.pagetitle { width:630px; height:50px; line-height:50px; background:url(../img/subtitle.gif) no-repeat; padding-left:10px; margin:0px; font-size:15px; color:#66768d;}
#leftNavBlog h2 { margin: 5px 0 0; padding: 0; }
h3 { padding: 0; margin: 30px 0 0; }
h3.comments { padding: 0; margin: 40px auto 20px ; }

h5 { padding: 0; margin: 30px 0 0 30px;; }

/* End Headers */



/* Begin Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.navigation { display: block; width:640px; height:30px; text-align: center; margin: 0px; margin:0px; }

.alignright { float: right; }
.alignleft { float: left; }
/* End Images */


/* Begin Lists */


html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; }
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before, #leftNavBlog ul ul li:before { content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }

#leftNavBlog ul, #leftNavBlog ul ol { margin: 0; padding: 0; }
#leftNavBlog ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; }
#leftNavBlog ul p, #leftNavBlog ul select { margin: 5px 0 8px; }
#leftNavBlog ul ul, #leftNavBlog ul ol { margin: 5px 0 0 10px; }
#leftNavBlog ul ul ul, #leftNavBlog ul ol { margin: 0 0 0 10px; }
ol li, #leftNavBlog ul ol li { list-style: decimal outside; }
#leftNavBlog ul ul li, #leftNavBlog ul ol li { margin: 3px 0 0; padding: 0; }
/* End Entry Lists */



/* Begin Form Elements */
#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }

#leftNavBlog #searchform #s { width: 108px; padding: 2px; }
#leftNavBlog #searchsubmit { padding: 1px; }

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center; }

select { width: 130px; }

#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 100%; padding: 2px; }
#commentform #submit { margin: 0; float: right; }
/* End Form Elements */



/* Begin Comments*/
.alt { margin: 0; padding: 10px; }

.commentlist { padding: 0; /*	text-align: justify; */}
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }
.commentlist p { margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */



/* Begin leftNavBlog */

#leftNavBlog form { margin: 0; }
/* End leftNavBlog */



/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
/* End Calendar */

#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }



/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }

blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }

.center { text-align: center; }

.hidden { display: none; }

hr { display: none; }





/* Captions */
.aligncenter,
div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }