@charset "Shift_JIS";

/*body*/
/*-------------------------------------------------------------------*/

body {
	font-family: Georgia, MS Mincho, "‚l‚r –¾’©", "ƒqƒ‰ƒMƒm–¾’© ProN W3", Hiragino Mincho ProN, Baskerville, Palatino, Times;
	background: #fbfbfa url(../common/bg.gif) repeat fixed;
	margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
	text-align: center;
}

/*h*/
/*-------------------------------------------------------------------*/

h1 {
	font-size: 10px;
	font-weight:normal;
	margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
}

h2 {
	font-size: 10px;
	font-weight:normal;
}

h3 {
	font-size: 10px;
	font-weight:normal;
}

h4 {
	font-size: 10px;
	font-weight:normal;
}

h5 {
	font-size: 10px;
	font-weight:normal;
}

h6 {
	font-size: 10px;
	font-weight:normal;
}

/*strong*/
/*-------------------------------------------------------------------*/

strong.nomal {
	font-weight: normal;
}

/*img*/
/*-------------------------------------------------------------------*/
img {
	border: none;
}

img.preload{
	display:none;
}

/*both*/
/*-------------------------------------------------------------------*/
.both {
	clear: both;
}

/*div*/
/*-------------------------------------------------------------------*/

#top {
	font-size: 5px;
	width: 100%;
}

#all {
	width: 1020px;
	margin-left: auto; margin-right: auto;
	text-align:left;
}

#logo
{
	float: left;
	margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
	width: 170px;
	height: 170px;
}

#logo a 
{
	display: block;
	width: 170px;
	height: 170px;
	background-image: url(../common/logo.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}

.contents {
	background: #f4f3ef;
}

#copyright {
	font-size: 10px;
	display: block;
	width: 156px;
	height: 24px;
	margin-left: 30px; margin-right: 0px; margin-top: 20px; margin-bottom: 0px;
	padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 20px;
	background-image: url(../common/copyright.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}

/*pagetop*/
/*-------------------------------------------------------------------*/

#gotop
{
	float: right;
	margin-left: 0px; margin-right: 30px; margin-top: 0px; margin-bottom: 0px;
	right:0px;
	width: 81px;
	height: 26px;
}

#gotop a 
{
	display: block;
	width: 81px;
	height: 26px;
	background-image: url(../common/gotop.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}

/*line*/
/*-------------------------------------------------------------------*/

.line_dot{
	width: 100%;
	margin-left: 0px; margin-right: 0px; margin-top: 15px; margin-bottom: 15px;
	border-left: 0px solid #7c7b77; border-right: 0px solid #7c7b77; border-top: 0px solid #7c7b77; border-bottom: 1px dotted #7c7b77;
}

.line_dot_0px{
	width: 100%;
	margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
	border-left: 0px solid #7c7b77; border-right: 0px solid #7c7b77; border-top: 0px solid #7c7b77; border-bottom: 1px dotted #7c7b77;
}

.line_dot_30px{
	width: 100%;
	margin-left: 0px; margin-right: 0px; margin-top: 30px; margin-bottom: 30px;
	border-left: 0px solid #dfdfdf; border-right: 0px solid #dfdfdf; border-top: 0px solid #dfdfdf; border-bottom: 1px dotted #b4b4b4;
}

/*ipt*/
/*-------------------------------------------------------------------*/

.ipttxt_300px{
	width: 300px;
}

.ipttxt_400px{
	width: 400px;
}

.submit {
    border: 0px;
    width: 100px;
    height: 30px;
    background: url(../common/submit.gif) left top no-repeat;
}

/*tooltip*/
/*-------------------------------------------------------------------*/

div.tooltip {
	font-size: 10px;
	position: absolute;
	left: -9999px;
	background: #222;
}

div.tooltip p{
	color: #FFF;
	background: #222;
	padding: 0px 10px;
}
	
/*icn*/
/*-------------------------------------------------------------------*/
.icn_works {
	background-image: url(../common/icn_works.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px;
	margin-left: 3px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
}

.icn_flow {
	background-image: url(../common/icn_flow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 24px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px;
	margin-left: 4px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
}

.icn_contact {
	background-image: url(../common/icn_contact.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 24px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px;
	margin-left: 4px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
}

.icn_visit {
	background-image: url(../common/icn_visit.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px;
	margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
}

/*text*/
/*-------------------------------------------------------------------*/
.text_main {
	font-size: 75%; color: #333333;
	text-align: left;
	line-height: 180%;
	letter-spacing: 0.1em;
	padding-left: 60px; padding-right: 60px; padding-top: 60px; padding-bottom: 60px;
}

.text_concept {
	font-size: 75%; color: #333333;
	text-align: left;
	line-height: 240%;
	letter-spacing: 0.1em;
	padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;
}

.text_big {
	font-size: 15px;
	text-align: left;
	font-style: normal;
	line-height: 150%;
}

.text_big_17px {
	font-size: 17px;
	text-align: left;
	font-style: normal;
	line-height: 150%;
}

.text_big_20px {
	font-size: 20px;
	text-align: left;
	font-style: normal;
	line-height: 150%;
}

.text_small {
	font-size: 10px;
	text-align: left;
	font-style: normal;
	line-height: 150%;
}

.text_red {
	font-style: normal;
	color: #cc0000;
}

.text_gray {
	font-style: normal;
	color: #888888;
}

.bgc_yellow {
	background-color: #f3e720;
}

/*mgn*/
/*-------------------------------------------------------------------*/
.mgn_10px {
	margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px;
}

.mgn_15px {
	margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 15px;
}

.mgn_30px {
	margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 30px;
}

/*dl*/
/*-------------------------------------------------------------------*/

dl{
	width: 420px;
	margin: 0px;
	padding: 0px;
}

dt{
	float: left;
	padding-left: 0px;
}

dd{
	margin-left: 105px;
	width: 310px;
	padding-bottom: 3px;
}

/*table*/
/*-------------------------------------------------------------------*/
.table_company {
	margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
}

.table_works {
	margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 30px;
}

.table_flow {
	margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
}

.table_contact {
	margin-left: 0px; margin-right: 0px; margin-top: 30px; margin-bottom: 0px;
}

.table_td {
	font-size: 12px; color: #333333;
	font-weight:normal;
	padding-left: 0px; padding-right: 0px; padding-top: 3px; padding-bottom: 3px;
}

.tdleft {
	font-size: 10px; color: #333333;
	text-align: left;
	line-height: 180%;
	padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px;
	background-color: #eaebe7;
	border: 1px solid #fff;
}
 
.tdright {
	font-size: 10px; color: #333333;
	text-align: left;
	line-height: 180%;
	padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px;
	background-color: #fff;
}

/*list*/
/*-------------------------------------------------------------------*/
li {
	margin: 0;
	list-style: none;
}

ol, ul {
	margin: 0;
	padding:0;
}

/*link*/
/*-------------------------------------------------------------------*/

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:active {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #666;
	text-decoration: none;
}
a {
	text-decoration: none;
}

.dotLine a, .dotLine a:link,
.dotLine a:visited {
	padding-bottom: 1px;
	color: #333333;
	border-bottom: 1px dotted #000;
	text-decoration: none;
	outline: none;
}
.dotLine a:active,
.dotLine a:hover {
	color: #333333;
	border-bottom: 1px solid #000;
	text-decoration: none
}