@charset "utf-8";

@import "cmn_layout.css";
@import "index.css";
@import "gallery.css";
@import "mypage.css";
@import "flow.css";
@import "error.css";

/*--------------------------------------

	0.Common

--------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
margin:0;
padding:0;
}

img {
	border:none;
}

ul,ol {
	list-style:none;
}

body {
	font-family:Verdana, Arial, Helvetica;
	font-size:80%;
	color:#333333;
	line-height: 1.5;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.end {
	margin-bottom:0 !important;
}

/*--------------------------------------
	1.Wrapper
--------------------------------------*/

#wrapper {
	margin:0 auto;
	width:100%;
	position:relative;
}

/*--------------------------------------
	3.Menu
--------------------------------------*/

#menu {
	background:url(../../images/bg_menu.jpg) left center repeat-x;
	margin:0 auto;
	width:100%;
	text-align:center;
}

#menu .mainMenu {
	margin:0 auto;
	padding:7px 0;
	width:895px;
}

#menu .mainMenu .mainMenuL {
	width:40%;
	float:left;
	text-align:left;
}

#menu .mainMenu .mainMenuR {
	width:60%;
	float:right;
	text-align:right;
}

#menu .mainMenu .mainMenuL ul {
	float:left;
}

#menu .mainMenu .mainMenuR ul {
	float:right;
}

#menu .mainMenu ul li {
	float:left;
}

#menu .mainMenu .mainMenuL ul li,
#menu .mainMenu .mainMenuR ul li {
	padding-left:25px;
	line-height:19px;
}

#menu .mainMenu .mainMenuL ul li.home {
	background:url(../../images/bg_arrow01.gif) left center no-repeat;
}

#menu .mainMenu .mainMenuL ul li.gly {
	background:url(../../images/bg_arrow02.gif) left center no-repeat;
}

#menu .mainMenu .mainMenuL ul li.help {
	background:url(../../images/bg_arrow09.gif) left center no-repeat;
}

#menu .mainMenu .mainMenuR ul li.entry {
	background:url(../../images/bg_arrow03.gif) left center no-repeat;
}

#menu .mainMenu .mainMenuR ul li.login {
	background:url(../../images/bg_arrow04.gif) left center no-repeat;
}

#menu .mainMenu .mainMenuR ul li.change {
	background:url(../../images/bg_arrow05.gif) left center no-repeat;
}

#menu .mainMenu .mainMenuR ul li.logout {
	background:url(../../images/bg_arrow06.gif) left center no-repeat;
}

#menu .mainMenu .mainMenuR ul li.my {
	background:url(../../images/bg_arrow07.gif) left center no-repeat;
}

#menu .mainMenu .mainMenuR ul li.make {
	background:url(../../images/bg_arrow08.gif) left center no-repeat;
}

#menu .mainMenu ul li.menuRight {
	margin-right:30px;
}

#menu .mainMenu ul li a {
	color:#ffffff;
	font-weight:bold;
	display:block;
}

/*--------------------------------------
	4.Contents
--------------------------------------*/

#contents {
	background:url(../../images/bg_body.jpg) center top repeat-x;
	margin:0 auto;
	padding-top:20px;
	width:100%;
}

#contents .mainContentsA {
	background:url(../../images/bg_contents_btm.jpg) center bottom no-repeat;
	margin:0 auto;
	padding-bottom:44px;
	width:919px;
}

#contents .mainContentsB {
	background:url(../../images/bg_contents_top.jpg) center top no-repeat;
	margin:0 auto;
	padding-top:44px;
	width:919px;
}

#contents .mainContentsC {
	background:url(../../images/bg_contents_cen.gif) center top repeat-y;
	margin:0 auto;
	width:919px;
}

#contents .mainContentsC .mainContentsCL {
	background:url(../../images/bg_contents_left.jpg) left top no-repeat;
	width:46px;
	height:598px;
	float:left;
}

#contents .mainContentsC .mainContentsCC {
	width:827px;
	float:left;
}

#contents .mainContentsC .mainContentsCR {
	background:url(../../images/bg_contents_right.jpg) left top no-repeat;
	width:46px;
	height:598px;
	float:right;
}

/*--------------------------------------

	5.PageNavi

--------------------------------------*/

#contents .pagenavi {
	margin:0 auto 45px;
	text-align:center;
}

#contents .catch {
	font-size:120%;
	color:#156db6;
	font-weight:bold;
}

#contents .pagenavi ul {
	margin:0 auto;
}

#contents .pagenavi ul li {
	padding:2px 13px; 
	display:inline;
	border-right:1px #c4c4c4 solid;
}

#contents .pagenavi ul li.pagenaviEnd {
	border-right:none !important;
}

#contents .pagenavi ul li a {
	color:#005199;
}


/*--------------------------------------
	99.Clearfix
--------------------------------------*/
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

#menu .mainMenu:after,
#contents .mainContentsC:after,
#footer .footerLink:after {
	content:".";  
	display:block;  
	visibility:hidden;  
	height:0.1px;  
	font-size:0.1em;  
	line-height:0;  
	clear:both;  
} 

#menu .mainMenu,
#contents .mainContentsC,
#footer .footerLink {
	display:inline-block;
}