@charset "Shift_JIS";

/**************************************************
		初期設定
**************************************************/
body {
	color:#56474C;
	text-align:left;
}

hr { display:none; }

a { color:#FF5673; text-decoration:underline; }
a:hover { color:#FF5673; text-decoration:none; }

.underline {
	text-decoration:underline;
}

.bold {
	font-weight:bold;
}


/* ===== Float対策 ===== */
.clearFix { display:inline-table; }
.clearFix:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:".";
}
/* Hides from IE-mac \*/
* html .clearFix { height:1%; }
*:first-child+html .clearFix { height:1%; }
.clearFix { display:block; }
/* End hide from IE-mac */


/**************************************************
		Header
**************************************************/
h1 {
	padding:7px 17px;
	border-bottom:1px solid #DFCED3;
	font-size:0.65em;
	font-weight:normal;
	color:#999;
}

div#headerWrapper { background:transparent url("../img/bg_header.jpg") 0 0 repeat-x; }

div#headerArea {
	position:relative;
	margin-left:17px;
	width:800px;
	height:83px;
}


/* ===== Logo ===== */
div#headerArea h2 {
	position:absolute;
	top:13px;
	left:0;
	width:250px;
	font-size:0.8em;
	font-weight:normal;
}

div#headerArea p {
	position:absolute;
	top:9px;
	right:0;
	width:200px;
	font-size:0.8em;
}

ul#skip {
	overflow:hidden;
	width:0;
	height:0;
	position:absolute;
}


/* ===== Header Menu ===== */
div#headerArea ul#headerMenu {
	position:absolute;
	top:14px;
	left:332px;
	font-size:0.8em;
}

div#headerArea ul#headerMenu li {
	float:left;
	margin-right:10px;
}


/* ===== Main Menu ===== */
div#menuArea {
	padding-left:17px;
	background:transparent url("../img/bg_menu_area.jpg") 0 0 repeat-x;
}

div#menuArea #mainMenu {
	width:800px;
	height:53px;
	font-size:0.8em;
}

div#menuArea ul#mainMenu li { float:left; }


/**************************************************
		Contents Area
**************************************************/
div#contWrapper {
	clear:both;
	background:transparent url("../img/bg_cont_wrapper.jpg") 0 0 repeat-x;
}

#home div#contWrapper { background:transparent url("../../img/bg_cont_wrapper.jpg") -30px 0 repeat-x; }

div#titleArea {
	position:relative;
	width:830px;
	height:100px;
}

#home div#titleArea { height:275px; }

div#titleArea .title {
	position:absolute;
	top:30px;
	left:42px;
	font-size:0.9em;
}

div#contArea {
	padding:17px 0 0 17px;
	width:817px;
	width/* */:/**/800px;
	width: /**/800px;
}


/* ===== Collum 1 ===== */
.box1 div#mainArea { width:100%; }
.box1 div#sideArea { display:none; }


/* ===== Collum 2 ===== */
.box2 div#mainArea {
	float:left;
	width:580px;
}

.box2 div#sideArea {
	float:right;
	margin-left:30px;
	width:190px;
}
/*
#home div#mainArea {
	float:left;
	width:390px;
}

#home div#sideArea {
	float:right;
	margin-left:20px;
	width:390px;
}
*/



/* ===== Pankz ===== */
div#mainArea div.section001 {
	clear:both;
	margin-bottom:33px;
	height:1%;
}

div#mainArea div.section002 {
	clear:both;
	margin:0 0 23px 0;
	height:1%;
}

div#mainArea div.section003 {
	clear:both;
	margin:0 0 23px 25px;
	height:1%;
}

div#mainArea div.section001 .lastItem,
div#mainArea div.section002 .lastItem,
div#mainArea div.section003 .lastItem {
	margin-bottom:0;
}


/* ===== Pankz ===== */
div#pankz {
	padding:7px 0 7px 17px;
	border-bottom:1px solid #E6E6E6;
}

div#pankz p {
	width:800px;
	font-size:0.8em;
}

div#pankz p .iconHome {
	padding:0 9px 0 20px;
	background:transparent url("../img/icon_home.gif") 0 0.1em no-repeat;
}

div#pankz p .iconPankz {
	padding:0 9px 0 11px;
	background:transparent url("../img/icon_002.gif") 0 0.4em no-repeat;
}


/* ===== Pagetop ===== */
div#pagetop {
	clear:both;
	width:100%;
}

div#pagetop p {
	font-size:0.8em;
	text-align:right;
}


/**************************************************
		Side Area
**************************************************/
/* ===== Side Menu ===== */
div#sideMenu {
	clear:both;
	margin-bottom:13px;
	padding:3px;
	background-color:#EDEBE7;
	height:1%;
}

div#sideMenu dl {
	padding:13px 10px 10px 10px;
	border-left:1px solid #BBB4A4;
	border-right:1px solid #BBB4A4;
	border-bottom:1px solid #BBB4A4;
	background:#FFF url("../img/bg_side_menu.gif") 1px 0 no-repeat;
}

div#sideMenu dl dt {
	margin-bottom:11px;
	font-size:1em;
	font-weight:bold;
}

div#sideMenu dl dt a { color:#56474C; text-decoration:none; }
div#sideMenu dl dt a:hover { color:#FF5673; text-decoration:none; }

div#sideMenu dl dd { font-size:0.8em; }

div#sideMenu dl dd ul li { margin-bottom:1px; }

div#sideMenu dl dd ul li a {
	display:block;
	padding:7px 20px 7px 10px;
	height:1%;
	background:#EDEBE7 url("../img/icon_side.gif") 93% 1.1em no-repeat;
	color:#56474C;
	text-decoration:none;
}

div#sideMenu dl dd ul li a:hover {
	background:#F46488 url("../img/icon_side_on.gif") 93% 1.1em no-repeat;
	color:#FFF;
	text-decoration:none;
}

div#sideMenu dl dd ul li ul {
	border-left:5px solid #EDEBE7;
	border-right:5px solid #EDEBE7;
	border-bottom:5px solid #EDEBE7;
}

div#sideMenu dl dd ul li ul li {
	margin-bottom:0;
	border-bottom:1px solid #EDEBE7;
}

div#sideMenu dl dd ul li ul li.lastItem { 
	border-bottom:0;
}

div#sideMenu dl dd ul li ul li a {
	padding:7px 20px 7px 18px;
	background:transparent url("../img/icon_side.gif") 93% 1.1em no-repeat;
	color:#56474C;
}

div#sideMenu dl dd ul li ul li a:hover {
	background:transparent url("../img/icon_side.gif") 93% 1.1em no-repeat;
	color:#FF5673;
}


/* ===== Banner ===== */
div#banner {
	clear:both;
	margin-bottom:9px;
}

div#banner ul { font-size:0.8em; }

div#banner ul li { margin-bottom:3px; line-height:1; }

div#banner ul li.iconMessage,
div#banner ul li.iconKosetsu,
div#banner ul li.iconAbout,
div#banner ul li.iconColumn,
div#banner ul li.iconSaibanin { margin:7px 0 0 0; }

div#banner .icon {
	padding:0 5px;
	vertical-align:middle;
}



/* ===== Access ===== */
div#access {
	clear:both;
	margin-bottom:13px;
	padding-top:19px;
	background:transparent url("../img/border_map.jpg") 0 0 no-repeat;
}

div#access .title {
	margin-bottom:5px;
	font-size:0.8em;
}

div#access p {
	font-size:0.65em;
	line-height:1.5;
}


/**************************************************
		Footer
**************************************************/
div#footerWrapper { }


/* ===== Footer Menu ===== */
div#footerMenu {
	padding-left:17px;
	background:transparent url("../img/bg_footer_menu.jpg") -15px 100% repeat-x;
}

div#footerMenu ul {
	padding:43px 0 23px 0;
	width:800px;
	font-size:0.8em;
	text-align:center;
}

div#footerMenu ul li { display:inline; }

div#footerMenu ul li a { color:#56474C; text-decoration:none; }
div#footerMenu ul li a:hover { color:#56474C; text-decoration:underline; }


/* ===== Footer Menu ===== */
div#footerArea {
	padding:10px 0 50px 17px;
	background:transparent url("../img/bg_footer.jpg") -15px 0 repeat-x;
}

dl.footerBanner {
	margin:0 0 0 30px;
	font-size:0.8em;
}

dl.footerBanner dt {
	margin:0 7px 9px 0;
}

dl.footerBanner dd {
	float:left;
	margin:0 5px 17px 0;
}


/* ===== Copyright ===== */
div#footerArea .description {
	clear:both;
	margin-bottom:13px;
	width:800px;
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
	line-height:1.5;
}

div#footerArea address {
	margin-bottom:7px;
	width:800px;
	font-size:0.8em;
	text-align:center;
	line-height:1.5;
}

div#footerArea .copyright {
	width:800px;
	font-size:0.65em;
	color:#A2999C;
	text-align:center;
	line-height:1.5;
}