@charset "utf-8";
/* formatting style
---------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
}
html,body{
	margin:0;
	padding:0;
	height:100%;
}
div#glayLayer{
	display:none;
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:black;
	filter:alpha(opacity=60);
	opacity: 0.60;
}
* html div#glayLayer{
	position:absolute;
}
#overLayer{
	display:none;
	position: fixed;
	top:50%;
	left:50%;
	margin-top:-244px;
	margin-left:-325px;
}

* html #overLayer{
	position: absolute;
}
#overLayer img.close{
	position:absolute;
	top:-10px;
	right:-10px;
	cursor:pointer;
}
	
body {
	line-height: 150%;
	color: #333;
	background-color: #CCC;
    *font-size:small;
    *font:x-small;
	font-family: "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
	font-size: 13px;
	font-style: normal;
}

table {
    font-size:inherit;
    font:100%;
}
.textRed {
	color: #F00;
}

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }




/* link style
---------------------------------------*/
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a:link {
	color: #666;
	text-decoration: underline;
}
a:visited {
	color: #909;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p.kakudaicome {
	margin: 0px;
}

h2.midashi {
	clear: both;
}
h2 {
	clear: both;
}


h4 {
	margin-top: 15px;
}
/* seo layout
---------------------------------------*/
h1 {
	color: #CCC;
	background-color: #1a1a1a;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333;
	margin: 0px auto;
	font-size: 90%;
	font-weight: normal;
}
h3 {
	margin-bottom: 10px;
	color: #333;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #f39;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000;
	padding-bottom: 5px;
	height: 100%;
	padding-top: 5px;
}



/* basic layout
---------------------------------------*/
#wrapper {
	width: 850px;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/shadow.gif);
	background-repeat: repeat-y;
	padding-right: 8px;
	padding-left: 8px;
	background-position: center;
}

/* header styles
---------------------------------------*/
#header {
	height: 208px;
	position: relative;
	margin-bottom: 20px;
	background-image: url(images/shadow-bottom.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#headerokazaki {
	height: 258px;
	position: relative;
	margin-bottom: 20px;
	background-image: url(images/shadow-bottom.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

#logo  {
	position: absolute;
	left: 700px;
	top: 14px;
}
#logo a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#header p#tell {
	position: absolute;
	left: 530px;
	top: 4px;
}
#header ul {
	list-style: none;
	position: absolute;
	left: 9px;
	top: 78px;
}
#header ul li {
	float: left;
}

/* main layout
---------------------------------------*/
#main {
	margin-bottom: 20px;
	background-color: #F60;
}

/* contents layout
---------------------------------------*/
#top_contents {
	width: 840px;
	margin-left: 10px;
	color: #333;
	height: 100%;
}

#top_left {
	float: left;
	width: 620px;
	padding-left: 10px;
	height: 100%;
}
h3.titlefont {
	font-weight: bold;
	color: #FFF;
	background-color: #999;
	padding: 0 5px;
	width: 600px;
}


.pick{
	border-radius:5px;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px;
	behavior:url(border-radius.htc);
	border: 3px #eee solid;     /* 枠線の装飾 */
	background-color: #eee;   /* 背景色 */
	width: 580px;
	height:250px;
	margin-top: 10px;
	padding: 12px;
	margin-bottom: 0px;
	clear: both;
}
.pick .pick_right {
	float: right;
	width: 380px;
}


.pick p {
	color: #303;
}
.pick p.quot {
	direction: rtl;
}

.pick img  {
	border: 1px solid #FFF;
}
.pick p img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 10px;
	clear: left;
}
.pick ul {
	clear: both;
}
.pick ul li {
	float: left;
	list-style: none;
	margin-right: 10px;
}


#top_left dl {
	margin-left: 20px;
	margin-bottom: 10px;
}
#top_left dl dt {
	font-weight: bold;
	margin-bottom: 10px;
}
#top_left dl dd {
	margin-bottom: 10px;
}

.intro1{
	border-radius:5px;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border: 3px #333 solid;     /* 枠線の装飾 */
	background-color: #333;   /* 背景色 */
	width: 180px;
	margin-top: 10px;
	padding: 7px;
    margin-bottom: 0px;
	float: left;
	margin-right: 7px;
}
.intro1 p {
	font-size: 90%;
	color: #FFF;
}
#top_left .intro1 img {
	border: 1px solid #FFF;
}

.intro2{
	border-radius:5px;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border: 3px #333 solid;     /* 枠線の装飾 */
	background-color: #333;   /* 背景色 */
	width: 180px;
	margin-top: 10px;
	padding: 7px;
	margin-bottom: 0px;
	float: left;
}
.intro2 p {
	font-size: 90%;
	color: #FFF;
}
#top_left .intro2 img {
	border: 1px solid #FFF;
}
.photo {
	background-color: #999;
}
ul.photo {
	padding: 5px;
	width: 598px;
	background-color: #FFF;
	height: 302px;
	margin: 10 0;
	border: 1px solid #999;
}
ul.photo li {
	float: left;
	padding: 5px 5px 5px 9px;
	list-style: none;
}
ul.photo img {
	border: 1px solid #ccc;
	padding: 1px;
}



table.photo img {
	margin: 10px;
	border: 1px solid #FFF;
}
table.detail {
	margin-top: 10px;
	margin-bottom: 15px;
	width: 600px;
	font-size: 95%;
	float: left;
}
table.detail td {
	padding: 5px;
}
#hitokoto {
	float: right;
	width: 240px;
	margin-right: 20px;
	border: 1px dashed #F60;
	margin-top: 10px;
	padding: 5px;
	font-size: 95%;
	background-color: #FFC;
	text-align: justify;
	text-justify: distribute-all-lines;
}

.bgcolor1 {
	background-color: #eee;
}
.bgcolor2 {
	background-color: #CCC;
}







/*SubPage contents layout
---------------------------------------*/
#contents {
	float: right;
	width: 790px;
	margin-left: 5px;
	color: #333;
	font-size: 90%;
}

#left {
	float: left;
	width: 600px;
}
.box {
	margin-bottom: 20px;
}
.topix {
	font-weight: bolder;
	width: 300px;
	margin-left: 20px;
	float: right;
	margin-right: 30px;
	color: #F30;
}

.box h2 {
	margin-bottom: 10px;
}
.box ul {
	margin-left: 15px;
}
.box ul li {
	list-style: url(images/listmark.gif) none inside;
}



/*right style
---------------------------------*/
#right {
	float: right;
	width: 190px;
	padding-right: 5px;
}
.subtitle{
	background-color: #FF6;
	width: 170px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #FC0;
	margin: 10px auto;
}
#right img  {
	margin-top: 10px;
	margin-left: 3px;
}
#right ul {
	padding-top: 5px;
	padding-left: 20px;
}



/* fac layout
---------------------------------------*/
#fac{
	float: right;
	width: 600px;
	margin-left: 5px;
	font-weight: bold;
	color: #666;
}
table#company {
}
table#company th {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	padding-bottom: 5px;
}
table#company td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}

#fac h2 {
	margin-bottom: 20px;
}
#fac h3 {
	margin-top: 20px;
	margin-left: 10px;
}
#fac h4 {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#fac h5 {
	margin-top: 15px;
	margin-left: 15px;
}
#fac h6 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#fac img {
	padding-right: 10px;
}


#fac p {
	margin-right: 10px;
	font-weight: normal;
	color: #666;
}
#fac p.merit {
	margin-bottom: 20px;
	margin-left: 50px;
}



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




#footer {
	clear: both;
	color: #CCC;
	background-color: #000;
	height: 80px;
}
#footer p {
	float: right;
	margin-top: 15px;
	margin-right: 15px;
}
#footer ul {
	float: right;
	padding-right: 0px;
	list-style: none;
	width: 180px;
	margin-top: 15px;
}
#footer ul li {
	float: left;
	margin-right: 10px;
}
address {
	clear: both;
	text-align: center;
	color: #CCC;
}


#leftside table {
	margin-bottom: 15px;
}
#leftside td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}
#leftside th {
	padding-top: 13px;
	padding-right: 5px;
}


iframe {
	padding-left: 15px;
}