@charset "UTF-8";

/* LIVITY OUTERNATIONAL CSS Document */

/*
	1.基本設定
	2.段落設定
	3.詳細設定
		3-1.Header
		3-2.Global Menu
		3-3.Sidebar
		3-4.Content
		3-5.Footer
		3-6.Font & Align
*/

/******************************************/
/*            1. 基本設定                 */
/******************************************/

*{
	margin:0;
	padding:0;
}

body{
	font-size:12px;
	font-family:Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:20px;
	color:#666666;
}

a{
	color:#68a000;
	text-decoration:none;
}

a:hover{
	color:#68a000;
}

.linkGray a{
	color:#666666;
}

.linkTxt a:hover,
.linkGray a:hover{
	color:#68a000;
	background-color:#ccdfa9;
}

a img.linkNoBg {
	background:none;
}

img, img a{
	border:0;
	}
	
img.hover{
	background:#FFFFFF none repeat scroll 0 0;
	display:block;
}	
	
img.brdr{
	border:1px solid #7faf27;
}

img.ttl{
	margin-bottom:10px;
}

.clear{
	clear:both;
}

ul{
	margin:0 auto;
	padding:0;
	list-style:none;
}


/******************************************/
/*            2. 段落設定                 */
/******************************************/

#wrapper{
	width:920px;
	margin:0 auto;
}

#header{
	height:80px;
}

#globalMenu{
	height:45px;
	background:url(../image/bg_globalmenu.gif) repeat-x;
}

#mainFlash{
	margin:0;
	height:237px;
}

#pageTtl{
	margin:0;
	border:1px solid #7faf27;
	color:#68a000;
	font-size:16px;
}

#container{
	border:1px solid #7faf27;
	background:url(../image/bg_container.gif) right top repeat-y;
	margin-top:10px;
}

#content{
	float:left;
	width:668px;
}

#sidebar{
	float:right;
	width:250px;
}

#footerTop{
	clear:both;
	height:34px;
	border-left:1px solid #7faf27;
	border-right:1px solid #7faf27;
	text-align:center;
}

#footerBttm{
	background-color:#7faf27;
	color:#ffffff;
	text-align:center;
}

/******************************************/
/*            3. 詳細設定                 */
/******************************************/

/*	3-1. Header */

h1{
	float:left;
	width:660px;
	background:url(../image/bg_header.gif) right top no-repeat;
	padding-top:3px;
}

h1 img{
	display:block;
}

.headerR{
	float:right;
}

.headerR ul{
	list-style:none;
}

.headerR li.registNum{
	background:url(../image/bg_registnum.gif) no-repeat;
	width:209px;
	height:35px;
	text-align:right;
	padding:10px 20px 0 0;
	color:#68a000;
}

.headerR li.registNum span{
	font-size:16px;
	color:#666666;
	padding-right:5px;
}

.headerR li.appl{
	margin-top:7px;
	margin-right:5px;
	height:16px;
	text-align:right;
}

.headerR li.appl img{
	margin-left:10px;
}


/*	3-2. Global Menu */

#menu{
	margin:0;
	padding:0;
	float:left;
}

#menu ul{
	margin:0 auto;
	padding:0;
	list-style:none;
}

#menu li, #menu a{
	margin:0;
	padding:0;
	float:left;
	display:block;
	height:34px;
}

#mAbout a{
	background:url(../image/btn_about.jpg) no-repeat;
	width:152px;
}
#mAbout a:hover,
#mAbout_on a{
	background:url(../image/btn_about_on.jpg) no-repeat;
	width:152px;
}

#mKeyword a{
	background:url(../image/btn_keyword.jpg) no-repeat;
	width:153px;
}

#mKeyword a:hover,
#mKeyword_on a{
	background:url(../image/btn_keyword_on.jpg) 0 0 no-repeat;
	width:153px;
}

#mActivity a{
	background:url(../image/btn_activity.jpg) no-repeat;
	width:139px;
}
#mActivity a:hover,
#mActivity_on a{
	background:url(../image/btn_activity_on.jpg) 0 0 no-repeat;
	width:139px;
}

#mMingu a{
	background:url(../image/btn_mingu.jpg) no-repeat;
	width:167px;
}
#mMingu a:hover,
#mMingu_on a{
	background:url(../image/btn_mingu_on.jpg) 0 0 no-repeat;
	width:167px;
}

#mPhoto a{
	background:url(../image/btn_photo.jpg) no-repeat;
	width:155px;
}
#mPhoto a:hover,
#mPhoto_on a{
	background:url(../image/btn_photo_on.jpg) 0 0 no-repeat;
	width:155px;
}

#mContact a{
	background:url(../image/btn_contact.jpg) no-repeat;
	width:154px;
}
#mContact a:hover,
#mContact_on a{
	background:url(../image/btn_contact_on.jpg) 0 0 no-repeat;
	width:154px;
}

/*	3-3. Sidebar */

#sidebar table, tr, td{
	border:0;
	padding: 2px 3px;
}

#sidebar table{
	margin:10px auto;
}

#sidebar input{
	width:150px;
	height:19px;
	border:1px solid #ccdfa9;
}

#sidebar .supportBox{
	clear:both;
	margin:0 auto;
	text-align:center;
}

#sidebar .pickupBox{
	clear:both;
	margin:0 auto;
	padding:15px 0 5px 0;
	text-align:center;
}

#sidebar .pickupBox img{
	margin-bottom:5px;
}

#sidebar .pickupBox p{
	font-size:10px;
	line-height:14px;
	margin-bottom:10px;
}

#sidebar .pickupBox a{
	font-weight:bold;
}
/*	3-4. Content */

.brdrT{
	border-top:1px solid #7faf27;
}
.brdrB{
	border-bottom:1px solid #7faf27;
}
.brdrL{
	border-left:1px solid #7faf27;
}
.brdrR{
	border-right:1px solid #7faf27;
}

.brdrTL{
	border-top:1px solid #ccdfa9;
}
.brdrBL{
	border-bottom:1px solid #ccdfa9;
}
.brdrRL{
	border-right:1px solid #ccdfa9;
}

.txtalgnC{
	text-align:center;
}

.cntntBox{
	padding:10px;
	width:313px;
}

.singleBox .cntntBox h4{
	font-size:14px;
	margin:0 5px 10px 5px;
	color:#454545;
	background:url(../image/chip_gremz.jpg) no-repeat;
	padding-left:23px;
}

.singleBox .cntntBox p.wide{
	margin:0 5px 20px 5px;
	line-height:24px;
}

.singleBox ul{
	margin:0 15px 15px 15px;
	padding:0;
	list-style:none;
}
.singleBox li{
	background:url(../image/chip_a.gif) no-repeat;
	padding-left:23px;
	margin-bottom:5px;
}
.singleBox li.q{
	background:url(../image/chip_q.gif) no-repeat;
	padding-left:23px;
	margin-bottom:5px;
	color:#68a000;
}

.pagetop{
	text-align:right;
	margin-right:15px;
}


#pageTtl table{
	width:100%;
	border:0;
	border-collapse:collapse;
}

#pageTtl td{
	border:0;
	padding:0;
}

#pageTtl td span{
	font-weight:bold;
	color:#ffaf00;
	margin:0 2px 0 10px;
}

.newsBox li{
	border-bottom:1px solid #ccdfa9;
	line-height:16px;
	margin-bottom:10px;
	padding-bottom:5px;
}

.newsBox li span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.newblogBox li{
	background:url(../image/icn_newblog.jpg) 0 1px no-repeat;
	padding-left:26px;
	margin:5px 0 10px 0;
	line-height:20px;
	color:#666666;
}

.latestblogBox li{
	background:url(../image/icn_latestblog.jpg) 0 1px no-repeat;
	padding-left:26px;
	margin:5px 0 10px 0;
	line-height:20px;
}
.activityBox {
	background:url(../image/bg_act.jpg) no-repeat;
	float:left;
	width:283px;
	height:134px;
	margin:10px 0 0 14px;
	padding:15px;
}

.activityBox h2{
	font-size:14px;
	padding-left:25px;
	margin-bottom:10px;
}

.activityBox span{
	color:#68a000;
	font-weight:bold;
	line-height:17px;
}

img.thum{
	margin:0 10px 0 0;
}

img.btn{
	margin:5px 5px 0 0;
	display:block;
	float:left;
}

.mapBox{
	font-size:12px;
	text-align:left;
	line-height:16px;
	color:#666666;
}

.mapBox img{
	margin-bottom:10px;
}

.mapBox a{
	font-weight:bold;
}
.mapBox a:hover{
	color:#68a000;
	background-color:#ccdfa9;
}



.singleBox{
	width:668px;
	margin:20px 0;
}

.singleBox h2{
	font-size:18px;
	margin:0 15px 10px 15px;
	color:#343434;
}

.singleBox h4{
	font-size:14px;
	margin:0 15px 10px 15px;
	color:#454545;
	background:url(../image/chip_gremz.jpg) no-repeat;
	padding-left:23px;
}

.singleBox p{
	margin:0 15px 10px 15px;
}

.singleBox p.block{
	margin:0 15px 20px 15px;
}

.singleBox .subttl{
	width:638px;
	border-top:1px solid #ccdfa9;
	padding:10px 15px;
	margin:10px 0 0 0;
	color:#68a000;
	font-weight:bold;
}

.singleBox table{
	width:638px;
	border:0;
	border-collapse:collapse;
	margin:0 15px 10px 15px;
}

.singleBox td,
.singleBox th{
	border:1px solid #dddddd;
	padding:5px 7px;
}

.singleBox th{
	background-color:#e5efd4;
	text-align:left;
	font-weight:normal;
}

.singleBox td.none{
	border:0;
	padding:0;
}

.singleBox td.radio{
	line-height:24px;
}

.singleBox input{
	border:1px solid #ccdfa9;
	height:19px;
}

.singleBox input.brdrNo{
	border:0;
	vertical-align:middle;
}


.singleBox textarea{
	border:1px solid #ccdfa9;
	font-size:14px;
	color:#666666;
}

.trackbackBox{
	background-color:#edf4e1;
	padding:20px 30px 5px 30px;
	border-left:1px solid #7faf27;
	border-right:1px solid #7faf27;
	border-bottom:1px solid #7faf27;
	color:#68a000;
}

.trackbackBox a{
	padding:1px;
}

.trackbackBox a.on{
	color:#68a000;
	font-weight:bold;
}


.trackbackBox img{
	margin-bottom:5px;
}

.trackbackBox p{
	margin:0 0 15px 0;
	line-height:22px;
}

.themeBox{
	height:230px;
}

.themeBox input{
	background-color:#edf4e1;
	font-size:11px;
	border:0;
	color:#666666;
	padding:5px;
	width:303px;
	margin-bottom:20px;
}

.themeBox img.sub,
.themeBoxList img.sub{
	margin:15px 0;
}

.themeBox h3,
.themeBoxList h3{
	font-size:12px;
	color:#68a000;
}

.themeBox h3 img,
.themeBoxList h3 img{
	margin-right:5px;
}

.themeBox p,
.themeBoxList p{
	font-size:10px;
	line-height:18px;
	color:#777777;
}

.themeBox p.date,
.themeBoxList p.date{
	font-size:11px;
	margin:5px 0 20px 0;
}

.themeBox p.date span,
.themeBoxList p.date span{
	font-size:10px;
	font-weight:bold;
}

.trackbackTtl{
	padding:10px;
}

.trackbackTtl input{
	background-color:#edf4e1;
	font-size:11px;
	border:0;
	color:#666666;
	padding:5px;
	width:350px;
	margin:10px 0;
}

.photoBox{
	width:668px;
	margin:20px 0;
	padding:0;
}

.photoBox table{
	border-collapse:collapse;
	margin:0 auto;
	border:0;
}

.photoBox td{
	width:156px;
	border:0;
	vertical-align:top;
	padding-bottom:20px;
	line-height:18px;
	text-align:center;
}

.photoBox p{
	padding:0 15px;
	margin-bottom:10px;
}

.photoBox img{
	margin:5px 0;
}

.photoBox td.bloginfo{
	width:130px;
}

.photoBox td.bloginfo p{
	padding:0;
	margin-bottom:3px;
}


.pager{
	margin:20px 0;
	text-align:center;
}

.pager a{
	padding:1px 3px;
}

.pager a.on{
	color:#68a000;
	font-weight:bold;
}

/*	3-5. Footer */
#footerTop img{
	margin:10px 20px 5px 0;
}

#footerTop a:hover{
	color:#68a000;
	background-color:#ffffff;
}

/*	3-6. Font & Align */

/*align*/
.fLeft{
	float:left;
}

.fRight{
	float:right;
}

/*size*/
.fs10px{
	font-size:10px;
	line-height:18px;
}

/*weight*/
a.fwNormal{
	font-weight:normal;
}

.fwBold{
	font-weight:bold;
}

.fwNormal{
	font-weight:normal;
}

/*color*/
.fcRed{
	color:#cc0000;
}

.fcGreen{
	color:#68a000;
}

.fcBlue{
	color:#4b99a1;
}

.fcBrown{
	color:#4e3c27;
}
.fcLight{
	color:#888177;
}
.fcLBrown{
	color:#9b9389;
}

.fcBlack{
	color:#000000;
}

.taC{
	text-align:center;
}
	
p.error{
	font-weight:bold;
	color:#ff0000;
}
.message{
	font-weight:bold;
	color:#007CE6;
	}