@charset "utf-8";
/* CSS Document */


/*common*/

a:link { text-decoration: none; color:#900; }
a:visited { color: #000080;text-decoration: none; }
a:hover { color: #ff0000;text-decoration: none; }
a:active {
	color: #900;
	text-decoration: none;
}
.left { float: left;}
.right { float: right;}
.alignleft { text-align: left ;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}
img { width: 100%;}
header, section, footer, article, aside { display: block;}
section { padding: 0 0 30px 0 ;}
.wrap .content { font-size: 14px; line-height: 20px;}
.wrap .content .name { font-weight: bolder; padding: 0 0 5px 0 ;}
.wrap .content .staff { padding: 0 0 10px 0 ; border-bottom: 1px solid #ccc; margin: 0 0 10px 0 ;}
.wrap .content .nail { padding: 0 0 10px 0 ; border-bottom: 1px solid #ccc; margin: 0 0 10px 0 ;}
.wrap .content .staff img { padding: 0 10px 10px ; width: auto;}
.wrap .content .nail { padding: 0 0 10px 0 ; border-bottom: 1px solid #ccc; margin: 0 0 10px 0 ;}
.wrap .content .nail img { padding: 0 10px 10px ; width: auto;}
.wrap .content .gallery img { padding: 0 10px 10px ; width: auto;}
.wrap .content h3{ font-size: 16px; color: #333; padding: 5px 0 ; margin: 0 0 10px 0 ;  font-family: HiraKakuProN-W3; font-weight: bolder;}
.wrap .content h4 { color: #ED287B; font-weight: bolder; padding: 0 0 10px 0 ;}
.wrap .content h5 { color: #333; font-weight: bolder; padding:20px 0  10px 0 ;}
.wrap .content dl dt {
	color: #333;
	padding: 0 0 0 10px;
	margin:  10px 0;
	text-align: center;
}
.wrap .content ul li { padding: 0 0 10px 0 ;}
.wrap .content .f120 { font-size: 12px;}
iframe { width: 100%;}
.wrap .content .company ul li{ border-bottom: 1px dotted #ccc; padding: 10px 0 ;}
#pagetop { background: url(../images/listmark02.png) no-repeat; background-position: left center; font-size: 12px; }
#pagetop a { color: #fff;padding: 2px 2px 15px 15px;}

.table01{
	font-size:12px;
	width:100%;}
.table01 th{
	background-color:#E0D8CA;
	padding:5px;
	color:#333;
	border:2px solid #fff;}
.table01 td{
	padding:5px;
	color:#333;
	border:2px solid #fff;
	background: #E0D8CA;}

/*detale*/

body{ font-size: 14px ; line-height 160%; color: ;}
body header { display: block;background:;min-height: 55px; position: relative;padding: 5px 0 ;background: #F1222C;}
body header h1 { text-align:center;}
body header img {
}
body header p { position: absolute; right: 10px; top: 10px; background: #fff;padding: 5px; color: #fff;
border-radius: 20px;		/* CSS3草案 */
-webkit-border-radius: 20px;	/* Safari,Google Chrome用 */
-moz-border-radius: 20px;	/* Firefox用 */
font-weight: bolder; border: 2px solid  #Fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));　/* Safari,Google Chrome用 */  
}
body header p a { color: #333 !important;  color: #333;
  font-size: 80%;
  text-decoration: none;
}

.wrap { padding: 0  ;background: #331E14  ;  }
section  { display:block; }
section.home01 { margin: 30px 0 ;}
nav ul li {  font-family: HiraKakuProN-W6;
display: block ; border: 1px solid #412819;
background: -webkit-gradient(linear, left top, left bottom, from(#594A41), to(#594A41));　/* Safari,Google Chrome用 */   
font-weight: bolder;color: #fff;
} 

nav ul li a { display: block;padding: 10px; color: #fff  !important;background: url(../images/listmark.png) no-repeat 10px center; padding-left: 30px;}
/*
@media screen and (max-width: 320px) {
                       #topimghome { width: 100%; height:70px ;}
}
@media screen and (min-width: 320px) and (max-width: 480px) {
                       #topimghome { width: 100%; height:200px ;}
}
@media screen and (min-width: 480px) and (max-width: 768px) {
                       #topimghome { width: 100%; height:310px ;}
}
@media screen and (min-width: 480px) {
                       #topimghome { width: 100%; min-height:310px ;}
}*/



#contents { padding: 15px 0 0 0 ; }
#contents section { display: block; margin: 0 0 15px 0 ;}
#contents section.home01 { padding: 10px; border: #eee solid 1px; position: relative;
border-radius: 5px;		/* CSS3草案 */
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));　/* Safari,Google Chrome用 */  } 
#contents section.home01 h3 { border-bottom:3px solid #FF9300;padding: 0 0 5px 0 ;margin: 0 0 10px 0 ;}
#contents section.home02 { padding: 10px ;border: 5px solid #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fef2b8),  color-stop(0.3, #fffcee), color-stop(0.5, #fff), color-stop(0.7, #fff),  to(#fff));　/* Safari,Google Chrome用 */ 
-webkit-box-shadow: 3px 3px 3px 0px #999; /* Safari, Chrome用 */}
#contents section.home02 h2 { text-align:center; font-size: 20px;color:#FF9300 ; padding: 0 0 10px 0 ;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6),-1px -1px 1px rgba(255, 255, 255, 0.5);}
#contents section.home02 ol li { float: left; width: 50%; list-style-position:inside;  color: #603811; font-weight: bolder;}
#contents .btn01 { background: #FBB753;padding: 5px; color: #fff; margin: 10px 0 ;
border-radius: 5px;		/* CSS3草案 */
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */
font-size: 16px;
font-weight: bolder;
background: -webkit-gradient(linear, left top, left bottom, from(#E6B319), to(#E65D19));　/* Safari,Google Chrome用 */ }
#contents .btn01 a { color: #fff; display:block;padding: 5px 0 ; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6),-1px -1px 1px rgba(255, 255, 255, 0.5); }
.pagetop { padding: 20px 0 0 0 ; color: #fff; text-align: right;}
.pagetop a { color: #fff; font-weight: bolder;}
body footer {
	padding: 10px;
	color: #fff;
	margin: 0;
	background-color: #ED747B;
}

/*clearfix*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clear { clear: both;}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}










/*reset.css*/



/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}