@charset "utf-8";

* {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    border: 0;
    word-wrap: break-word;
}

body,div,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,form,input,textarea,pre,fieldset,blockquote,table,thead,tbody,tfoot,caption,th,td,
section,article,aside,nav,menu,canvas,details,figure,figcaption,footer,header,hgroup,summary { margin: 0; padding: 0; }
ul, li, dl, dt, dd { list-style-type: none; line-height: 1.4em; }
a { color: #701c7b; text-decoration: none; outline: 0; }
a:hover { text-decoration: underline; outline: 0; }
hr { display: none; }
em, address { font-style: normal; }
strong { font-weight: bold; }
.clear { clear: both; }
.fL { float: left; }
.fR { float: right; }
.img_fL { float: left; margin: 0 15px 10px 0; }
.img_fR { float: right; margin: 0 0 10px 15px; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
p { margin: 0 0 10px 0; line-height: 1.4em; }
img { border: 0; }

/*---------add----------*/
body {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	background:url(images/main-bg.gif) 0 0 repeat-x #fff;
	color:#5D5B46;
}
div, p, ul, h2, img {
	margin:0;
	padding:0;
}
ul {
	list-style-type:none;
}
/*----TOP PANEL----*/
#topPan {
	position: relative;
	top: 0;
	left: 0;
	padding: 20px 0;
	height: 100px;
}

	#topPan h1 {
		position:absolute;
		top: 30px;
		widt: 600px;
		color: #fff;
	}
	
		#topPan ul {
			width:125px;
			height:22px;
			position:absolute;
			top:　0;
			right: 0;
		}
		
			#topPan ul li {
				float:left;
				width:45px;
				height:22px;
			}

			#topPan ul li a {
				width:45px;
				height:16px;
				display:block;
				color:#fff;
				font:13px/16px Arial, Helvetica, sans-serif;
				text-decoration:none;
			}

			#topPan ul li a:hover {
				color:#fEf0B7;
				text-decoration:none;
			}

 	#topPan .title {
		position: absolute;
		top: 50px;
		left: 0;
		color:#fff;
	}
	#topPan .title a  { font-size: 25px; font-weight: bold; color: #fff; }


#topPan ul li.register {
	float:left;
	width:65px;
	height:22px;
}
#topPan ul li.register a {
	width:65px;
	height:16px;
	display:block;
	color:#fff;
	font:13px/16px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0 0 0 10px;
}
#topPan ul li.register a:hover {
	color:#fEf0B7;
	text-decoration:none;
}
#topPan img.logo {
	width:281px;
	height:56px;
	position:absolute;
	top:53px;
	left:29px;
}
#topPan p.callus {
	width:119px;
	height:25px;
	background:url(images/callus-bg.gif) 0 0 no-repeat #212121;
	color:#fff;
	position:absolute;
	top:53px;
	right:115px;
	line-height:24px;
	text-align:center;
}
#topPan p.phone {
	width:130px;
	height:25px;
	background:#212121;
	color:#EAE8CD;
	position:absolute;
	top:83px;
	right:109px;
	font-size:20px;
	line-height:25px;
	text-align:center;
}
/*----/TOP PANEL----*/

/*----HEADER- PANEL----*/
#headerPan {
	width:778px;
	height:228px;
	position:relative;
	margin:0 auto;
}
#headerleftPan {
	width:46px;
	height:228px;
	float:left;
	background:url(images/leftfolder.gif) 0 0 no-repeat;
}
/*----Header Middle Panel----*/
#headermiddlePan {
	width:686px;
	height:228px;
	float:left;
}
/*----Menu Panel----*/
#menuPan {
	width:686px;
	height:33px;
	background:url(images/menu-bg.gif) 0 0 repeat-x;
	position:relative;
	margin:0 auto;
}
#menuPan ul {
	width:660px;
	height:28px;
	position:absolute;
	top:2px;
	left:14px;
}
#menuPan ul li {
	width:110px;
	height:28px;
	float:left;
}
#menuPan ul li a {
	width:109px;
	height:28px;
	display:block;
	background:#fff;
	color:#2f2A28;
	border-right:1px dashed #969260;
	font:13px/28px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
#menuPan ul li a:hover {
	width:110px;
	height:28px;
	background:#2f2A28;
	color:#fff;
	border:none;
	text-decoration:none;
}
#menuPan ul li.home {
	width:110px;
	height:28px;
	background:#2f2A28;
	color:#fff;
	font:13px/28px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	border:none;
	text-decoration:none;
}
#menuPan ul li.contact a {
	width:110px;
	height:28px;
	display:block;
	background:#fff;
	color:#2f2A28;
	border:none;
	font:13px/28px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
#menuPan ul li.contact a:hover {
	width:110px;
	height:28px;
	background:#2f2A28;
	color:#fff;
	border:none;
	text-decoration:none;
}
/*----/Menu Panel----*/
#headerbodyPan {
	width:686px;
	height:184px;
	position:absolute;
	top:42px;
	left:46px;
	background:#fEfDf1;
	color:#fff;
	border-bottom:1px solid #CDCAA3;
	border-top:1px solid #CDCAA3;
}
/*---- Header Red Panel----*/
#headerleftredPan {
	width:478px;
	height:123px;
	background:url(images/redpan-bg.jpg) 0 0 repeat-x #fEfDf1;
	color:#fff;
	position:absolute;
	top:32px;
	left:0;
}
#headerleftredPan h2 {
	width:160px;
	height:69px;
	font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	top:29px;
	left:36px;
	text-transform:uppercase;
}
#headerleftredPan h2 span {
	font-size:20px;
	line-height:30px;
}
#headerleftredPan h2 a {
	color:#fff;
}
#headerleftredPan p {
	width:262px;
	height:74px;
	display:block;
	position:absolute;
	top:24px;
	left:190px;
	font-size:14px;
	line-height:17px;
}
#headerleftredPan p span.largetext {
	font-size:12px;
	line-height:20px;
}
#headerleftredPan p a {
	color:#fffAfA;
}
#headermiddleredPan {
	width:161px;
	height:142px;
	background:url(images/red-image.jpg) 0 0 no-repeat;
	position:absolute;
	top:13px;
	left:478px;
}
/*----Header MORE Panel----*/
#headermorePan {
	width:47px;
	height:123px;
	position:absolute;
	top:32px;
	right:0;
	font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#headermorePan a {
	width:39px;
	height:38px;
	display:block;
	background:url(images/headermore-normal.gif) 0 0 no-repeat #fEfDf1;
	color:#fDfCEC;
	text-decoration:none;
	padding:85px 0 0 8px;
}
#headermorePan a:hover {
	background:url(images/headermore-hover.gif) 0 0 no-repeat;
	text-decoration:none;
}
/*----/Header MORE Panel----*/
/*----Header Middle Panel----*/
#headerrightPan {
	width:46px;
	height:228px;
	float:left;
	background:url(images/rightfolder.gif) 0 0 no-repeat;
}
/*----HEADER- PANEL----*/

/*----BODY PANEL----*/
#bodyPan {
	width:686px;
	position:relative;
	margin:0 auto;
}
#bodyPan h2 {
	width:300px;
	height:54px;
	background:#fff;
	color:#D80000;
	font:26px/54px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#bodyPan p {
	padding:10px 0 0;
}
#bodyPan p span {
	font-weight:bold;
}
#bodyPan p.date {
	width:174px;
	height:22px;
	background:#fEfEf6;
	color:#000;
	font-size:18px;
	line-height:22px;
	padding:0;
}
#bodyPan p.more {
	width:102px;
	height:16px;
	margin:0 0 0 582px;
	padding:0 0 14px 0;
}
#bodyPan p.more a {
	width:102px;
	height:16px;
	display:block;
	background:#fff;
	color:#D80000;
	font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}
#bodyPan p.more a:hover {
	background:#fff;
	color:#7E0202;
	text-decoration:none;
}
#bodyPan p.border {
	background:url(images/dot-line.gif) 0 0 repeat-x;
	height:1px;
	padding:0 0 14px 0;
}
.cat {
	overflow:scroll;
	height: 180px;
	margin: 10px;
}
/*----Body Bottom Panel----*/
#bodybottomPan {
	width:778px;
	position:relative;
	margin:0 auto;
	padding:30px 0 0 8px;
}
/*----Bottom Left Panel----*/
#bottomleftPan {
	width:375px;
	float:left;
	background:url(images/bodybottombg.gif) 0 0 no-repeat #fEfDf0;
	color:#D80000;
	border-bottom:1px solid #CDCAA3;
	border-left:1px solid #CDCAA3;
	border-right:1px solid #CDCAA3;
	margin:0;
}
#bottomleftPan h2 {
	width:250px;
	height:58px;
	background:url(images/icon1.jpg) 0 0 no-repeat;
	font:26px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0 0 0 65px;
	margin:22px 0 0 41px;
}
#bottomleftPan h2 span {
	font-size:20px;
	background:#fCfBED;
	color:#5D5B46;
}
#bottomleftPan ul {
	width:290px;
	margin:15px 0 0 50px;
}
#bottomleftPan ul li {
	width:290px;
	height:30px;
	background:url(images/bullet1.gif) 0 0 no-repeat;
}
#bottomleftPan ul li a {
	width:210px;
	height:30px;
	display:block;
	background:url(images/bullet1.gif) 0 10px no-repeat #fEfDf1;
	color:#2f2A28;
	font-size:14px;
	line-height:30px;
	text-decoration:none;
	padding:0 0 0 80px;
}
#bottomleftPan ul li a:hover {
	display:block;
	background:url(images/bullet1.gif) 0 10px no-repeat #fEfDf1;
	color:#2f2A28;
	line-height:30px;
}
#bottomleftPan p.more {
	width:270px;
	height:21px;
	padding:0;
	margin:10px 0 25px 50px;
}
#bottomleftPan p.more a {
	width:270px;
	height:21px;
	display:block;
	background:url(images/bottom-more-bg.gif) 0 0 no-repeat #fEfDf1;
	color:#fff;
	font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
#bottomleftPan p.more a:hover {
	background:url(images/bottom-more-bg.gif) 0 0 no-repeat #fEfDf1;
	color:#fDf6B6;
	text-decoration:none;
}
/*----/Bottom Left Panel----*/

/*----Bottom Right Panel----*/
#bottomrightPan {
	width:375px;
	float:left;
	background:url(images/bodybottombg.gif) 0 0 no-repeat #fEfDf0;
	color:#D80000;
	border-bottom:1px solid #CDCAA3;
	border-left:1px solid #CDCAA3;
	border-right:1px solid #CDCAA3;
	margin:0 0 0 8px;
}
#bottomrightPan h2 {
	width:250px;
	height:58px;
	background:url(images/icon2.jpg) 0 0 no-repeat;
	font:26px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0 0 0 65px;
	margin:22px 0 0 41px;
}
#bottomrightPan h2 span {
	font-size:20px;
	background:#fCfBED;
	color:#5D5B46;
}
#bottomrightPan ul {
	width:290px;
	margin:15px 0 0 50px;
}
#bottomrightPan ul li {
	width:290px;
	height:30px;
	background:url(images/bullet1.gif) 0 0 no-repeat;
}
#bottomrightPan ul li a {
	width:210px;
	height:30px;
	display:block;
	background:url(images/bullet1.gif) 0 10px no-repeat #fEfDf1;
	color:#2f2A28;
	font-size:14px;
	line-height:30px;
	text-decoration:none;
	padding:0 0 0 80px;
}
#bottomrightPan ul li a:hover {
	display:block;
	background:url(images/bullet1.gif) 0 10px no-repeat #fEfDf1;
	color:#2f2A28;
	line-height:30px;
}
#bottomrightPan p.more {
	width:270px;
	height:21px;
	padding:0;
	margin:10px 0 25px 50px;
}
#bottomrightPan p.more a {
	width:270px;
	height:21px;
	display:block;
	background:url(images/bottom-more-bg.gif) 0 0 no-repeat #fEfDf1;
	color:#fff;
	font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
#bottomrightPan p.more a:hover {
	background:url(images/bottom-more-bg.gif) 0 0 no-repeat #fEfDf1;
	color:#fDf6B6;
	text-decoration:none;
}
/*----/Bottom Left Panel----*/

/*----fOOTER PANEL----*/
#footermainPan {
	height:135px;
	background:url(images/footerbg.gif) 0 0 repeat-x #3B3B3B;
	color:#fff;
	font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	margin:0 auto;
	clear:both;
	padding:75px 0 0;
}
#footerPan {
	width:700px;
	position:relative;
	margin:0 auto;
}
#footerPan ul {
	width:480px;
	height:20px;
	position:relative;
	margin:0 auto;
}
#footerPan li {
	float:left;
}
#footerPan a {
	color:#ffB6C1;
}
#footerPan ul li a {
	padding:0 10px 0;
	color:#fff;
	background:#3B3B3B;
	text-decoration:none;
	font-size:12px;
}
#footerPan ul li a:hover {
	text-decoration:underline;
}
#footerPan p.copyright {
	width:220px;
	position:relative;
	margin:0 auto;
	background:#3B3B3B;
	color:#fff;
	font-size:11px;
}
#footerPan ul.templateworld {
	width:250px;
	background:#3B3B3B;
	color:#fff;
	display:block;
	position:absolute;
	top:70px;
	left:260px;
	font-size:10px;
}
#footerPan ul.templateworld li {
	height:20px;
}
#footerPan ul.templateworld li a {
	background:#3B3B3B;
	display:block;
	color:#fff;
	text-decoration:none;
	padding:0;
}
#footerPan ul.templateworld li a:hover {
	text-decoration:underline;
}
#footerPanhtml {
	width:70px;
	height:24px;
	display:block;
	position:absolute;
	top:45px;
	left:265px;
}
#footerPanhtml a {
	width:66px;
	height:24px;
	display:block;
	background:url(images/html-bg-normal.gif) 0 0 no-repeat #3B3B3B;
	color:#fff;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 0 0 4px;
}
#footerPanhtml a:hover {
	background:url(images/html-bg-hover.gif) 0 0 no-repeat #3B3B3B;
	color:#fff;
}
#footerPancss {
	width:58px;
	height:24px;
	display:block;
	position:absolute;
	top:45px;
	left:340px;
}
#footerPancss a {
	width:58px;
	height:24px;
	display:block;
	background:url(images/css-bg-normal.gif) 0 0 no-repeat #3B3B3B;
	color:#fff;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 0 0 8px;
}
#footerPancss a:hover {
	background:url(images/css-bg-hover.gif) 0 0 no-repeat #3B3B3B;
	color:#fff;
	text-decoration:none;
}
/*----/fOOTER PANEL----*/