@charset "utf-8";
/* CSS Document */ 

body ,ul, li{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family:Arial;
}

a { color:#FF0000; text-decoration:none; }
a img { border:0 }

.clearfix { clear:both; }

#header { width:1000px; margin:15px auto 20px; position:relative; }
#main { width:1000px; margin:10px auto; }
#content { margin-top:20px; }
#footer { width:1000px; margin:auto; position:relative; }

#topmenu{
	position:absolute;	
	top:42px; right:0px;
}

.space { margin:15px 0px 15px 0px; height:1px; background-color:#E9E9E9; }

#footer div{
    color: #A1A1A1;
    font-size: 12px;
	text-align:right;
	line-height:1.8em;
}

#share {
	position:absolute;	
	top:15px; left:20px;	
}
#share a { margin-right:5px; }

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

.mlist ul		{margin:0px; padding:0px; width:100%;}
.mlist ul li	{list-style-type:circle; margin-left:20px; margin-bottom:5px; padding-left:5px; width:100%px; text-decoration:none; font-size:13px; color:#222222;}
.fs13			{font-size:13px;}
.fs15			{font-size:15px;}
.fs18			{font-size:18px;}
.fs22			{font-size:22px;}
.fbold { font-weight:bold; }
.head_package { font-size:18px; }
.package_detail { font-size:13px; }

/************************ Portfolio ************************/

#main a{color: #FF0000; text-decoration:none;}
.title_table_seo{ font-size:15px; font-weight:bold; padding:5px 0 5px 0; text-align:center; }
.detail_table_seo{ font-size:13px; padding:5px 0 5px 0; text-align:center; }
#gallery img { border-color:#2f2f2d; }

/************************ Payment **************************/

.bank {	font-size:16px; font-weight:bold; color:#FFFFFF; }
.cls_payment{ padding-left : 20px; }

/************************ Contact **************************/

.fb	{ font-weight:bold; }
.contact { font-family:Arial; font-size:13px; color:#A1A1A1; }

/*********************** Package ***************************/

.head_package { font-size:18px; }
.detail_package { font-size:13px; }
.contact { font-size:13px; color:#A1A1A1; }
.maintitle{font-size:18px; font-weight:bold;}
.content { font-size:15px; }
.package_title { font-size:15px; font-weight:bold; padding:5px 0 5px 0; }
.package_detail { font-size:13px; padding:5px 0 5px 5px; }

/************************** Slide ********************************/

#slide { background-color:#252121; border-radius: 15px 15px 15px 15px; }

#horinaja, #demo {
    border-radius: 15px 15px 15px 15px;
}

#horinaja {
    background: url("../images/hocenter.png") repeat scroll 0 0 transparent;
    display: block;
    height: 253px;
    margin: 0 auto;
    width: 100%;
	position:relative;
}

#slide-right{
	position:absolute;
	top:90px;
	right:50px;
}

#demo {
    /*background: url("../images/demo.png") repeat scroll 0 0 transparent;*/
    display: block;
    height: 230px;
    margin: 10px 0 0 12px;
    width: 380px;
	float: left;
}

.horinaja ul li {
    background: none repeat scroll 0 0 transparent;
    display: block;
    top: 0;
}

.horinaja ul {
    position: relative;
}

ol, ul {
    list-style: none outside none;
}

.horinaja li.ho_1 img {
    margin: 15px 0 0 35px;
}

.horinaja li.ho_2 img {
    margin: 15px 0 0 35px;
}

.horinaja li.ho_3 img {
    margin: 15px 0 0 35px;
}

.horinaja li.ho_4 img {
    margin: 15px 0 0 35px;
}

/*********************** Portfolio **************************/
.text-font{color:#333; font-size:14px;}
.portfolio-detail{margin:15px 10px 0 30px;}
.portfolio-left{float:right; width:426px; margin-bottom:10px;}
.portfolio-right{float:left; width:140px; margin-bottom:10px; font-weight:bold;}
.portfolio-see{font-size:12px; color:#333; }
.portfolio-see a{color:#ccc; font-size:12px; border:0; text-decoration:none;}
.portfolio-see a:hover{color:#F3F; font-size:12px; border:0; text-decoration:none;}