/* base.css */
/*--------------------------------------*/

html,body {
	height:100%;
	}

html {
	overflow-y:scroll;
	}

body {
	background:#FFFFFF;
	text-align:center;
	font-size:15px;
	line-height:1.8;
	color:#000000;
	/*font-family:Verdana,Osaka,sans-serif;*/
	/*font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", serif;*/
	font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, Georgia, "Times New Roman", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", serif;
	margin:0 auto;
	padding:0;
	}
	
	
/* Application Form */
/*--------------------------------------*/
#cntctfrm_contact_form{
margin: 0 auto;
width: 320px;
}
	
	
	
/* Breadcrumbs */
/*--------------------------------------*/		
p#breadcrumbs a, p#breadcrumbs a:link, p#breadcrumbs a:hover, p#breadcrumbs a:visited , p#breadcrumbs strong {
color:#aaa;
text-decoration: none;
font-size: 10px;
}			
	
	
	
/* for Opera */
/*--------------------------------------*/
body:before {
	content:"";
	float:left;
	height:100%;
	width:0;
	margin-top:-32767px;/
	}

/* for WinIE6 */
/*--------------------------------------*/
* html body {
	vertical-align:baseline;
	font-size:70%;
	letter-spacing:1px;
	}

/* for WinIE7 */
/*--------------------------------------*/
*:first-child+html body {
	font-size:75%;
	}



/* wrapper */
/*--------------------------------------*/

#wrapper {
	min-height:100%;
	background:#FFFFFF;
	margin:0 auto;
	padding:0;
	text-align:center;
	}

#main {
	overflow:auto;
	width:100%;
	margin:0 auto 11px;
	padding:0 0 140px;
	text-align:center;
	}
/*
#main h2.category {
	background:#EDEDED;
	margin:0 0 1em;
	padding:1em 2% 1em;
	text-align:left;
	}

#main h3 {
	margin:0 2% 1.5%;
	padding:0;
	text-align:left;
	font-size:15px;
	}
*/
#main p {
	margin:0;
	padding:0 0 1em;
	text-align:justify;
	text-justify: auto;
	/*text-transform: uppercase;*/
	}

/* スパン画像 */
#main div.class_2csl_2 {
	margin-bottom:10px;
	}

#main div.class_2csr_1 {
	margin-bottom:10px;
	}
@media (min-width: 820px) {
#main div.class_2csl_2 {
	margin-bottom:22px;
	}

#main div.class_2csr_1 {
	margin-bottom:22px;
	}
}


/* #main clearfix */
/*--------------------------------------*/
#main:after {
	clear:both;
	display:block;
	visibility:hidden;
	content:" ";
	height:0;
	font-size:0;
	}

/* IE6 */
* html #main {
	zoom:1;
	}

/* IE7 */
*:first-child+html #main {
	zoom:1;
	}
/*--------------------------------------*/



/* footer */
/*--------------------------------------*/

#footer {
	clear:both;
	position:relative;
	height:auto;
	background:#000000;
	margin:-140px auto 0;
	padding:0 0 90px;
	text-align:center;
	}

#footer .copy {
	padding:100px 0 0;
	font-size:9px;
	line-height:24px;
	color:#878787;
	}
	

/* header */
/*--------------------------------------*/

#header {
	position:relative;
	background:url("../images/common/header_bg_s.gif") repeat-x;
	margin:0 0 20px;
	padding:0;
	}

#header h1 {
	margin:0 0 30px;
	padding:50px 0 0;
	}

#header h1 img {
	max-width: 90%;
	}


/* text link color */
/*--------------------------------------*/

a:link    {color:#90193C; text-decoration:none;}
a:visited {color:#90193C; text-decoration:none;}
a:hover   {color:#90193C; text-decoration:underline;}
a:active  {color:#90193C; text-decoration:underline;}

a.arrow {
	background:url("../images/arrow_right.gif") no-repeat right;
	padding:0 16px 0 0;
	}

a.extlink {
	background:url("../images/common/icon_extlinl.png") no-repeat right;
	padding:0 1.5em 0 0;
	}


/* breadcrumb */
/*--------------------------------------*/

.breadcrumb {
	margin:0 0 14px;
	font-size:10px;
	}


/* clearfix */
/*--------------------------------------*/
.clearfix:after {
	clear:both;
	display:block;
	visibility:hidden;
	content:" ";
	height:0;
	font-size:0;
	}

/* IE6 */
* html .clearfix {
	zoom:1;
	}

/* IE7 */
*:first-child+html .clearfix {
	zoom:1;
	}
/*--------------------------------------*/

/* Other */
/*--------------------------------------*/
.center {
	text-align:center;
	}
	
.left {
	text-align:left;
	}
.notice {
    color:red;
}

@media handheld, only screen and (min-width:391px)
{

#header {
	background:url("../images/common/header_bg391.gif") repeat-x;
	}

#header h1 {
	margin:0 0 55px;
	padding:60px 0 0;
	text-align:center;
	}
	
#header h1 img {
	max-width: 370px;
	}

#footer .copy {
	font-size:10px;
	}

#footer {
	height:auto;
	}

}

@media handheld, only screen and (min-width:530px)
{
#header h1 {
	margin:0 0 37px;
	}

#header h1 img {
	max-width: 500px;
	}

}

@media screen and (min-width:768px) {

#header {
	background:url("../images/common/header_bg.gif") repeat-x;
	}

#footer {
	height:160px;
	padding:0;
	}

#footer .copy {
	padding:40px 0 0;
	font-size:9px;
	line-height:24px;
	color:#878787;
	}

#header .dotted {
	height:3px;
	background:url("../images/common/nav_bg_dot.gif") repeat-x;
	}
	
#header h1 {
	margin:0 0 50px;
	}

#header h1 img {
	max-width: 100%;
	width:auto;
	}

}


.catalogbtn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #000000;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.catalogbtn:hover {
  background: #666666;
  text-decoration: none;
}

.catalogbtn:visited {
  color: #ffffff;
}