@charset "UTF-8";

html
{
	font-size: 11px;
	margin: 0;
	padding: 0;
}
body
{
	margin: 0;
	padding: 0;
	text-align: left;
	color: #333333;
	background-image: url(common/back-top.jpg);
	width:100%;
	background-repeat: repeat-x;
	background-position: top;
	background-color: #181512;
}
h1,h2,h3,h4,h5,h6,p,blockquote
{
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1;
}
ul,li,dl,dt,dd
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 1;
}
a
{
	outline:0;
	color: #A9191F;
	text-decoration: none;
}
a:hover
{
	color: #7B1015;
}
strong
{
}
span
{
}
form
{
margin:0;
padding:0;
}
input
{
	line-height:130%;	
}

address
{
	font-style: normal;
	line-height: 1;
}
img
{
	border:0;
	vertical-align: text-bottom;
}
.center-box
{
margin:0 1px;
}

.clr
{
height:1%;
}
.clr:after
{
content:".";
clear:both;
display:block;
height:0;
visibility:hidden;
}

.alert
{
	color: #DE6A16;
	font-weight:bold;
}
.red
{
	color: #DE6A16;
}
.blue
{
	color: #188CA7;
}
.bold
{
}
.large
{
	font-size: 120%;
}
.small
{
	font-size: 80%;
}
.center
{
	text-align: center;
}
.right
{
	text-align: right;
}
.box
{
}
.box-left
{
	float: left;
}
.box-right
{
	float: right;
}
.padding-top
{
	margin: 1em 0 0 0;
}
.padding-bottom
{
margin: 0 0 1.5em 0;
}
.line
{
	border-bottom:solid #FF9900 1px;
}
.info
{
	padding: 6px;
	border: solid #CCC 1px;
	margin: 10px;
}
.button-box
{
margin: 0 0 10px 0;
height:1%;
}
.pagetop
{
text-align:right;
}


#pagetop
{
	visibility: hidden;
	position: absolute;
	top: 0;
}

#wrapper
{
	width: 900px;
	margin: 0 auto 30px auto;
}

#header
{
	width: 900px;
	background-image: url(common/header.jpg);
	height: 91px;
}
#header h1
{
	font-size: 10px;
	color: #8F7C7C;
	padding: 17px 0 0 0;
}
#header h2
{
	padding: 7px 0 0 10px;
	text-indent: -10000em;
	width: 140px;
	height: 20px;
}
#header h2 a
{
	display: block;
	width: 140px;
	height: 20px;
}

#gmenu
{
	width:884px;
	padding:0 8px;
	background-image: url(common/gmenu-back.jpg);
	height:33px;
}
#gmenu ul
{
	width: 600px;
	float: left;
	padding: 8px 0 0 0;
}
#gmenu ul li
{
	width: 86px;
	height: 18px;
	margin: 0 8px 0 0;
	float: left;
	text-indent: -10000em;
}
#gmenu ul li a
{
	width: 86px;
	height: 18px;
	display: block;
}
#gmenu ul li a:hover
{
}
#gmenu1,#gmenu1 a:hover
{
	background-image: url(common/menu1on.jpg);
}
#gmenu1 a
{
	background-image: url(common/menu1.jpg);
}
#gmenu2,#gmenu2 a:hover
{
	background-image: url(common/menu2on.jpg);
}
#gmenu2 a
{
	background-image: url(common/menu2.jpg);
}
#gmenu3,#gmenu3 a:hover
{
	background-image: url(common/menu3on.jpg);
}
#gmenu3 a
{
	background-image: url(common/menu3.jpg);
}
#gmenu4,#gmenu4 a:hover
{
	background-image: url(common/menu4on.jpg);
}
#gmenu4 a
{
	background-image: url(common/menu4.jpg);
}
#gmenu5,#gmenu5 a:hover
{
	background-image: url(common/menu5on.jpg);
}
#gmenu5 a
{
	background-image: url(common/menu5.jpg);
}
#inquiry
{
	width: 108px;
	height: 33px;
	float: right;
	text-indent: -10000em;
	background-image: url(common/button-inqon.jpg);	
}
#inquiry a
{
	display: block;
	width: 108px;
	height: 33px;
	background-image: url(common/button-inq.jpg);	
}
#inquiry a:hover
{
background-image: url(common/button-inqon.jpg);	
}

#content
{
	width:884px;
	padding:5px 9px 0 9px;
	background-image: url(common/content-top-back.jpg);
	background-repeat: no-repeat;
}
#main-banner
{
float:right;
width:692px;
}
#main-banner h2
{
	text-indent:-10000em;
	height:153px;
	width:692px;
	background-image: url(common/main-image1.jpg);
}
#main-flash
{
	float:left;
	width:182px;
	height:153px;
	background-image: url(common/left-flash.jpg);
}
#column
{
	margin: 1px 0 0 0;
	background-image: url(common/content-back.gif);
	width: 884px;
}
#column-inner
{
	background-image: url(common/content-footer.gif);
	width: 884px;
	background-repeat: no-repeat;
	background-position: bottom;
}
#col2
{
	width: 687px;
	float: left;
}
#main-col
{
	height: 1%;
	width: 495px;
	float: right;
}
#left-col
{
	width: 182px;
	float: left;
        padding:0 0 20px 0;
}
#right-col
{

	width: 191px;
	float: right;
}

#footer
{
	width: 900px;
	height: 176px;
	background-image: url(common/footer.jpg);
	text-indent:-10000em;
}
#footer address
{
}

#main-column-header
{
	width: 485px;
	background-image: url(common/main-column.jpg);
	background-repeat: no-repeat;
	height: 45px;
	margin: 0 0 10px 0;
	padding:16px 10px 0 0;
	text-align: right;
}
#main-column-header h3
{
	font-size: 14px;
	color: #7B1015;
	margin:0 0 5px 0;
}
#main-column-header p
{
line-height:150%;
font-size:11px;
font-weight:bold;
}
#left-col h3
{
	height: 34px;
	width: 182px;
	background-image: url(common/left-news-header.gif);
	background-repeat: no-repeat;
	text-indent:-10000em;
}
.news-box
{
	width: 172px;
	padding: 10px 5px 0 5px;
	background-image: url(common/left-bar.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	color: #FAEDEA;
}
.news-box h4
{
	width: 40px;
	height: 13px;
	overflow: hidden;
	text-indent: -10000em;
	float: right;
}
.news-box h4 a
{
	width: 40px;
	height: 13px;
	display:block;
}

.news-box h4.cat-topics
{
	background-image: url(common/mark-topics.gif);
}
.news-box h4.cat-mt
{
	background-image: url(common/mark-mt.gif);
}
.news-box h4.cat-zc
{
	background-image: url(common/mark-zc.gif);
}
.news-box p
{
	font-size: 11px;
	line-height:150%;
}
.news-box p.date
{
	margin:0 0 5px 5px;
	font-size: 12px;
	font-weight:bold;
}
.news-box p.txt
{
margin:0 0 0 5px;
padding: 0 0 5px 0;
}
.news-box .detail
{
	overflow: hidden;
	text-indent: -10000em;
	width: 48px;
	height: 17px;
	background-image: url(common/button-mini-detailon.jpg);
	float:right;
	margin:0 0 1px 0;	
}
.news-box .detail a
{
	width: 48px;
	height: 17px;
	display:block;
	background-image: url(common/button-mini-detail.jpg);
}
.news-box .detail a:hover
{
background-image: url(common/button-mini-detailon.jpg);
}
#right-col h3
{
	height: 44px;
	width: 191px;
	background-image: url(common/right-blog.jpg);
	background-repeat: no-repeat;
	text-indent:-10000em;
}
#right-col h3 span
{
	height: 13px;
	width: 50px;
	background-image: url(common/button-blogmore.gif);
	text-indent:-10000em;
	overflow:hidden;
	float:right;
	margin:20px 10px 0 0;
}
#right-col h3 span a
{
	height: 13px;
	width: 50px;
	display:block;
}
.main-index-box
{
		width: 473px;
		padding: 10px;

}
.main-index-box-inner
{
	background-image: url(common/main-image3.jpg);
	height:342px;
	background-repeat: no-repeat;
	background-position: bottom left;
	border-bottom: solid #CCC 1px;
}
.main-index-box-inner2
{
	background-image: url(common/main-image4.jpg);
	height:300px;
	background-repeat: no-repeat;
	background-position: bottom right;
	border-bottom: solid #CCC 1px;
}
.main-index-box .box-right
{
float:right;
width:240px;
}
.main-index-box .box-left
{
float:left;
width:240px;
}
.main-index-box h4
{
color: #7B1015;
	margin: 0 0 5px 0;
	line-height: 120%;
	font-size: 14px;
}
.main-index-box p
{
line-height: 150%;
margin:0 0 10px 0;
}
.main-index-box p.button
{
	margin:10px 0 0 0;
}

.main-column-box
{
	width: 473px;
	padding: 10px;
        border-bottom: solid #DDD 1px;
        margin:0 1px;
}
.main-column-box h4
{
	color: #7B1015;
	margin: 0 0 5px 0;
	line-height: 120%;
	font-size: 14px;
}
.main-column-box img
{
	float:left;
        margin:0 1em 1em 0;

}

.main-column-box p
{
	line-height: 150%;
margin:0 0 10px 0;

}
.main-column-box ul
{
padding:10px 10px 5px 10px;
border:solid #CCC 1px;
margin:0 0 10px 0;
}
.main-column-box ul li
{
line-height:150%;
margin:0 0 5px 0;
background-image: url(common/arrow1.gif);
background-repeat: no-repeat;
background-position:0;
padding:0 0 0 8px;
}
.main-column-box blockquote,.main-column-box code
{
padding:10px;
border:solid #CCC 1px;
line-height:150%;
font-weight:bold;
color: #7B1015;
margin:0 0 10px 0;
display:block;
}

#page-footer2
{
background-image: url(common/arrow1.gif);
background-repeat: no-repeat;
background-position:0 11px;
padding:10px 0 0 12px;
}

.blog-box
{
	width: 171px;
	padding: 5px 10px;
}
.blog-box h4
{
	width: 70px;
	height: 70px;
	float: right;
	margin: 0 0 5px 0;
}
@charset "UTF-8";

html
{
	font-size: 11px;
	margin: 0;
	padding: 0;
}
body
{
	margin: 0;
	padding: 0;
	text-align: left;
	color: #333333;
	background-image: url(common/back-top.jpg);
	width:100%;
	background-repeat: repeat-x;
	background-position: top;
	background-color: #181512;
}
h1,h2,h3,h4,h5,h6,p,blockquote
{
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1;
}
ul,li,dl,dt,dd
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 1;
}
a
{
	outline:0;
	color: #A9191F;
	text-decoration: none;
}
a:hover
{
	color: #7B1015;
}
strong
{
}
span
{
}
form
{
margin:0;
padding:0;
}
input
{
	line-height:130%;	
}

address
{
	font-style: normal;
	line-height: 1;
}
img
{
	border:0;
	vertical-align: text-bottom;
}
.center-box
{
margin:0 1px;
}

.clr
{
height:1%;
}
.clr:after
{
content:".";
clear:both;
display:block;
height:0;
visibility:hidden;
}

.alert
{
	color: #DE6A16;
	font-weight:bold;
}
.red
{
	color: #DE6A16;
}
.blue
{
	color: #188CA7;
}
.bold
{
}
.large
{
	font-size: 120%;
}
.small
{
	font-size: 80%;
}
.center
{
	text-align: center;
}
.right
{
	text-align: right;
}
.box
{
}
.box-left
{
	float: left;
}
.box-right
{
	float: right;
}
.padding-top
{
	margin: 1em 0 0 0;
}
.padding-bottom
{
margin: 0 0 1.5em 0;
}
.line
{
	border-bottom:solid #FF9900 1px;
}
.info
{
	padding: 6px;
	border: solid #CCC 1px;
	margin: 10px;
}
.button-box
{
margin: 0 0 10px 0;
height:1%;
}
.pagetop
{
text-align:right;
}


#pagetop
{
	visibility: hidden;
	position: absolute;
	top: 0;
}

#wrapper
{
	width: 900px;
	margin: 0 auto 30px auto;
}

#header
{
	width: 900px;
	background-image: url(common/header.jpg);
	height: 91px;
}
#header h1
{
	font-size: 10px;
	color: #8F7C7C;
	padding: 17px 0 0 0;
}
#header h2
{
	padding: 7px 0 0 10px;
	text-indent: -10000em;
	width: 140px;
	height: 20px;
}
#header h2 a
{
	display: block;
	width: 140px;
	height: 20px;
}

#gmenu
{
	width:884px;
	padding:0 8px;
	background-image: url(common/gmenu-back.jpg);
	height:33px;
}
#gmenu ul
{
	width: 600px;
	float: left;
	padding: 8px 0 0 0;
}
#gmenu ul li
{
	width: 86px;
	height: 18px;
	margin: 0 8px 0 0;
	float: left;
	text-indent: -10000em;
}
#gmenu ul li a
{
	width: 86px;
	height: 18px;
	display: block;
}
#gmenu ul li a:hover
{
}
#gmenu1,#gmenu1 a:hover
{
	background-image: url(common/menu1on.jpg);
}
#gmenu1 a
{
	background-image: url(common/menu1.jpg);
}
#gmenu2,#gmenu2 a:hover
{
	background-image: url(common/menu2on.jpg);
}
#gmenu2 a
{
	background-image: url(common/menu2.jpg);
}
#gmenu3,#gmenu3 a:hover
{
	background-image: url(common/menu3on.jpg);
}
#gmenu3 a
{
	background-image: url(common/menu3.jpg);
}
#gmenu4,#gmenu4 a:hover
{
	background-image: url(common/menu4on.jpg);
}
#gmenu4 a
{
	background-image: url(common/menu4.jpg);
}
#gmenu5,#gmenu5 a:hover
{
	background-image: url(common/menu5on.jpg);
}
#gmenu5 a
{
	background-image: url(common/menu5.jpg);
}
#inquiry
{
	width: 108px;
	height: 33px;
	float: right;
	text-indent: -10000em;
	background-image: url(common/button-inqon.jpg);	
}
#inquiry a
{
	display: block;
	width: 108px;
	height: 33px;
	background-image: url(common/button-inq.jpg);	
}
#inquiry a:hover
{
background-image: url(common/button-inqon.jpg);	
}

#content
{
	width:884px;
	padding:5px 9px 0 9px;
	background-image: url(common/content-top-back.jpg);
	background-repeat: no-repeat;
}
#main-banner
{
float:right;
width:692px;
}
#main-banner h2
{
	text-indent:-10000em;
	height:153px;
	width:692px;
	background-image: url(common/main-image1.jpg);
}
#main-flash
{
	float:left;
	width:182px;
	height:153px;
	background-image: url(common/left-flash.jpg);
}
#column
{
	margin: 1px 0 0 0;
	background-image: url(common/content-back.gif);
	width: 884px;
}
#column-inner
{
	background-image: url(common/content-footer.gif);
	width: 884px;
	background-repeat: no-repeat;
	background-position: bottom;
}
#col2
{
	width: 687px;
	float: left;
}
#main-col
{
	height: 1%;
	width: 495px;
	float: right;
}
#left-col
{
	width: 182px;
	float: left;
        padding:0 0 20px 0;
}
#right-col
{

	width: 191px;
	float: right;
}

#footer
{
	width: 900px;
	height: 176px;
	background-image: url(common/footer.jpg);
	text-indent:-10000em;
}
#footer address
{
}

#main-column-header
{
	width: 485px;
	background-image: url(common/main-column.jpg);
	background-repeat: no-repeat;
	height: 45px;
	margin: 0 0 10px 0;
	padding:16px 10px 0 0;
	text-align: right;
}
#main-column-header h3
{
	font-size: 14px;
	color: #7B1015;
	margin:0 0 5px 0;
}
#main-column-header p
{
line-height:150%;
font-size:11px;
font-weight:bold;
}
#left-col h3
{
	height: 34px;
	width: 182px;
	background-image: url(common/left-news-header.gif);
	background-repeat: no-repeat;
	text-indent:-10000em;
}
.news-box
{
	width: 172px;
	padding: 10px 5px 0 5px;
	background-image: url(common/left-bar.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	color: #FAEDEA;
}
.news-box h4
{
	width: 40px;
	height: 13px;
	overflow: hidden;
	text-indent: -10000em;
	float: right;
}
.news-box h4 a
{
	width: 40px;
	height: 13px;
	display:block;
}

.news-box h4.cat-topics
{
	background-image: url(common/mark-topics.gif);
}
.news-box h4.cat-mt
{
	background-image: url(common/mark-mt.gif);
}
.news-box h4.cat-zc
{
	background-image: url(common/mark-zc.gif);
}
.news-box p
{
	font-size: 11px;
	line-height:150%;
}
.news-box p.date
{
	margin:0 0 5px 5px;
	font-size: 12px;
	font-weight:bold;
}
.news-box p.txt
{
margin:0 0 0 5px;
padding: 0 0 5px 0;
}
.news-box .detail
{
	overflow: hidden;
	text-indent: -10000em;
	width: 48px;
	height: 17px;
	background-image: url(common/button-mini-detailon.jpg);
	float:right;
	margin:0 0 1px 0;	
}
.news-box .detail a
{
	width: 48px;
	height: 17px;
	display:block;
	background-image: url(common/button-mini-detail.jpg);
}
.news-box .detail a:hover
{
background-image: url(common/button-mini-detailon.jpg);
}
#right-col h3
{
	height: 44px;
	width: 191px;
	background-image: url(common/right-blog.jpg);
	background-repeat: no-repeat;
	text-indent:-10000em;
}
#right-col h3 span
{
	height: 13px;
	width: 50px;
	background-image: url(common/button-blogmore.gif);
	text-indent:-10000em;
	overflow:hidden;
	float:right;
	margin:20px 10px 0 0;
}
#right-col h3 span a
{
	height: 13px;
	width: 50px;
	display:block;
}
.main-index-box
{
		width: 473px;
		padding: 10px;

}
.main-index-box-inner
{
	background-image: url(common/main-image3.jpg);
	height:342px;
	background-repeat: no-repeat;
	background-position: bottom left;
	border-bottom: solid #CCC 1px;
}
.main-index-box-inner2
{
	background-image: url(common/main-image4.jpg);
	height:300px;
	background-repeat: no-repeat;
	background-position: bottom right;
	border-bottom: solid #CCC 1px;
}
.main-index-box .box-right
{
float:right;
width:240px;
}
.main-index-box .box-left
{
float:left;
width:240px;
}
.main-index-box h4
{
color: #7B1015;
	margin: 0 0 5px 0;
	line-height: 120%;
	font-size: 14px;
}
.main-index-box p
{
line-height: 150%;
margin:0 0 10px 0;
}
.main-index-box p.button
{
	margin:10px 0 0 0;
}

.main-column-box
{
	width: 473px;
	padding: 10px;
        border-bottom: solid #DDD 1px;
        margin:0 1px;
}
.main-column-box h4
{
	color: #7B1015;
	margin: 0 0 5px 0;
	line-height: 120%;
	font-size: 14px;
}
.main-column-box h4 img
{
width:auto;
}
.main-column-box img
{
	float:left;
        margin:0 1em 1em 0;
width:200px;
}

.main-column-box p
{
	line-height: 150%;
margin:0 0 10px 0;

}
.main-column-box ul
{
padding:10px 10px 5px 10px;
border:solid #CCC 1px;
margin:0 0 10px 0;
}
.main-column-box ul li
{
line-height:150%;
margin:0 0 5px 0;
background-image: url(common/arrow1.gif);
background-repeat: no-repeat;
background-position:0;
padding:0 0 0 8px;
}
.main-column-box blockquote,.main-column-box code
{
padding:10px;
border:solid #CCC 1px;
line-height:150%;
font-weight:bold;
color: #7B1015;
margin:0 0 10px 0;
display:block;
overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/
    overflow-Y: hidden;  /*--Hides vertical scroll created by IE--*/
}

#page-footer2
{
background-image: url(common/arrow1.gif);
background-repeat: no-repeat;
background-position:0 11px;
padding:10px 0 0 12px;
}

.blog-box
{
	width: 171px;
	padding: 5px 10px;
}
.blog-box img
{
width:70px;
}
.blog-box p.date
{
	font-size: 12px;
	font-weight: bold;
	color: #A9191F;
	line-height: 120%;
	margin: 0 0 5px 0;
}
.blog-box p.txt
{
	line-height: 150%;
	margin: 0 0 0 5px;
}

#footer h2
{
width:259px;
height:37px;
float:right;
margin:84px 0 0 0;

}
#footer h2 a
{
width:259px;
height:37px;
display:block;
}
#copy
{
text-indent:-10000em;
padding:20px 0;
overflow:hidden;
}
#copy address
{
	width:267px;
	height:12px;
	float:left;
	background-image: url(common/copy.gif);
}
#copy p
{
width:73px;
height:9px;
float:right;
}
#copy p a
{
	width:73px;
	height:9px;
	display:block;
	background-image: url(common/pagetop.gif);
	font-size:8px;
}


.content-header
{
	width:495px;
	height:54px;
	text-indent:-10000em;
}
.content-header h3
{
float:left;
width:152px;
}
.content-header ul
{
float:right;
padding:16px 0 0 0;
height:12px;
width:343px;
}
.content-header ul li
{
float:left;
height:12px;
overflow:hidden;
}
.content-header ul li a
{
height:12px;
display:block;
}
.content-header ul li a:hover
{
}
#content-column-header
{
	background-image: url(common/cat-column-header.jpg);
}
#content-customize-header
{
	background-image: url(common/cat-customize-header.jpg);
}
#content-topics-header
{
	background-image: url(common/cat-topics-header.jpg);
}
#content-recommend-header
{
	background-image: url(common/cat-recommend-header.jpg);
}
#content-profile-header
{
	background-image: url(common/cat-profile-header.jpg);
}
#content-work-header
{
	background-image: url(common/cat-work-header.jpg);
}
#content-music-header
{
	background-image: url(common/cat-music-header.jpg);
}
#content-blog-header
{
	background-image: url(common/cat-blog-header.jpg);
}
#content-mt-header
{
	background-image: url(common/cat-mt-header.jpg);
}
#content-zc-header
{
	background-image: url(common/cat-zc-header.jpg);
}
#content-inquiry-header
{
	background-image: url(common/cat-inquiry-header.jpg);
}
li#cat-menu1
{
background-image: url(common/cat-menu1on.gif);
width:53px;
margin: 0 20px 0 0;
}
li#cat-menu1 a
{
background-image: url(common/cat-menu1.gif);
width:53px;
}
li#cat-menu1 a:hover
{
background-image: url(common/cat-menu1on.gif);
}
li#cat-menu2
{
background-image: url(common/cat-menu2on.gif);
width:74px;
margin: 0 20px 0 0;
}
li#cat-menu2 a
{
background-image: url(common/cat-menu2.gif);
width:74px;
}
li#cat-menu2 a:hover
{
background-image: url(common/cat-menu2on.gif);
}
li#cat-menu3
{
background-image: url(common/cat-menu3on.gif);
width:57px;
margin: 0 21px 0 0;
}
li#cat-menu3 a
{
background-image: url(common/cat-menu3.gif);
width:57px;
}
li#cat-menu3 a:hover
{
background-image: url(common/cat-menu3on.gif);
}
li#cat-menu4
{
background-image: url(common/cat-menu4on.gif);
width:88px;
}
li#cat-menu4 a
{
background-image: url(common/cat-menu4.gif);
width:88px;
}
li#cat-menu4 a:hover
{
background-image: url(common/cat-menu4on.gif);
}

#page-footer
{
padding:10px;

}

#button-area
{
width:152px;
margin:0 auto;
padding:20px 0 0 0;
}
#button-area li
{
margin:0 0 10px 0;
width:152px;
text-indent:-10000em;
}
#button-area li a
{
width:152px;
display:block;
}
#button-area li a:hover
{
}
#button-area1
{
height:36px;
background-image: url(common/button-side-inquiry_on.gif);
}
#button-area1 a
{
height:36px;
background-image: url(common/button-side-inquiry.gif);
}
#button-area1 a:hover
{
background-image: url(common/button-side-inquiry_on.gif);
}
#button-area2
{
height:61px;
background-image: url(common/banner-work_on.jpg);
}
#button-area2 a
{
height:61px;
background-image: url(common/banner-work.jpg);
}
#button-area2 a:hover
{
background-image: url(common/banner-work_on.jpg);
}
#button-area3
{
height:61px;
background-image: url(common/banner-profile_on.jpg);
}
#button-area3 a
{
height:61px;
background-image: url(common/banner-profile.jpg);
}
#button-area3 a:hover
{
background-image: url(common/banner-profile_on.jpg);
}

.comments-open-content
{
margin:0 auto;
width:90%;
padding:20px 0 0 0;
}
.comments-open-content p
{
margin:0 0 10px 0;
}
.comments-open-content p label
{
font-size:14px;
font-weight:bold;
padding:0 0 0 6px;
border-left:solid #7B1015 5px;
margin:0 0 5px 0;
display:block;
}
.comments-open-content p input,.comments-open-content p textarea
{
margin:0 0 0 11px;
}
#mail-form-footer
{
text-align:center;

}

.attention
{
font-weight:bold;
padding:20px 0 0 0;
color:#7B1015;
line-height:150%;
}
.thanks
{
padding:20px 0;
color:#7B1015;
line-height:150%;
}

#index-banner
{
padding:7px 0 0 0;
}

.page-header
{
width:884px;
height:57px;
text-indent:-10000em;
}
#header-profile
{
	background-image: url(common/page-header-profile.jpg);
}
#header-inquiry
{
	background-image: url(common/page-header-inquiry.jpg);
}
#header-inquiry-thanks
{
	background-image: url(common/page-header-inquiry-thanks.jpg);
}
#header-column
{
	background-image: url(common/page-header-column.jpg);
}
#header-topics
{
	background-image: url(common/page-header-topics.jpg);
}
#header-customize
{
	background-image: url(common/page-header-customize.jpg);
}
#header-recommend
{
	background-image: url(common/page-header-recommend.jpg);
}
#header-mt
{
	background-image: url(common/page-header-mt.jpg);
}
#header-zc
{
	background-image: url(common/page-header-zc.jpg);
}
#header-blog
{
	background-image: url(common/page-header-blog.jpg);
}
#header-works
{
	background-image: url(common/page-header-works.jpg);
}
#header-seo
{
	background-image: url(common/page-header-seo.jpg);
}
#header-result
{
	background-image: url(common/page-header-result.jpg);
}
#header-music
{
	background-image: url(common/page-header-music.jpg);
}

.main-profile-box
{
	width: 475px;
	padding: 10px;

}
.main-profile-box-inner
{
	background-image: url(common/profile-image2.jpg);
	width: 473px;
	height: 299px;
}
.main-profile-box .box-right
{
width:200px;
}
.main-profile-box-inner h4,.main-profile-box-inner ul,.main-profile-box-inner p
{
visibility:hidden;
}

.profile-box
{
}
.profile-box dt
{
	color: #7B1015;
	margin: 0 0 10px 0;
	line-height: 120%;
	font-size: 14px;
}
.profile-box dd
{
margin:0 0 5px 10px;
line-height:150%;
}
#page-entry-header
{
	width:884px;
	height:57px;
	background-image: url(common/page-header-entry.jpg);	
}
#page-entry-header h2
{
color:#FFF;
font-size:18px;
padding:20px 0 0 10px;
}
#entry-header
{
	width:495px;
	height:61px;
	background-image: url(common/entry-header.jpg);
        background-repeat: no-repeat;
}
#entry-header h3
{
font-size:16px;
color:#7B1015;
padding:31px 0 0 10px;
}
#entry-header p
{
padding:5px 12px 0 0;
text-align:right;
}

#index-page-footer
{
text-align:center;
padding:10px 0 0 0;
}
#index-page-footer li
{
margin:0 6px;
display:inline;
}