@charset "UTF-8";

/* ===================================================================
 File Name  : layout.css
 Author     : designUNLIMITED
 Style Info : layoutと表示
=================================================================== */

/********** layout **********/

#wrapper {
	width:940px;
    height:auto;
    margin:20px auto;
    padding:0;
    border:none;
    text-align:left;   
}

#header {
    background:url(../img/bg/bg_header_factory.png) no-repeat scroll;
    width:938px;	/**address 940px**/
    height:171px;
    margin:0 auto;
    padding:0;
}

#contents {
    background:url(../img/bg/bg_contents.png) repeat-y scroll;
    width:940px;
    height:auto;
    margin:0 auto;
    padding:60px 0 40px;
}

#navigation-block {
	float:left;
	width:150px;
	height:auto;
	padding-left:40px;
}

#main {
	float:right;
	width:620px;
	height:auto;
	margin-right:40px;
}

#footer {
    background:url(../img/bg/bg_footer.png) no-repeat scroll;
    color:#696969;
    width:940px;
    height:120px;
    margin:0 auto;
    padding:0;
	clear:both;
}

/********** header inside **********/
h1#about {
	font-size:10px;
	color:#565656;
	width:905px;
	height:10px;
	padding-top:35px;
	text-align:right;
}

h2#logo {
	padding-left:30px;
    width:200px;
    height:109px;
    text-decoration:none;
}

/********** navigation-block inside **********/

ul#sliding-navigation {
	list-style:none;
	font-size:0.9em;
	margin-bottom:30px;
	padding:0;
}

ul#sliding-navigation li.sliding-element h3, ul#sliding-navigation li.sliding-element a {
	display:block;
	width:150px;
	padding:5px 18px;
	margin:0;
	margin-bottom:5px;
}

ul#sliding-navigation li.sliding-element h3 {
	color:#1E0E07;
	background:#CCCCCC url(../img/navi/bg_heading.jpg) repeat-y;
	font-weight:600;
	font-size:120%;
}

ul#sliding-navigation li.sliding-element a {
	color:#6857A3;
	background:#DDDDDD url(../img/navi/bg_tab.jpg) repeat-y;
	text-decoration:none;
}

ul#sliding-navigation li.sliding-element a:hover {
	color:#F6AE5D;
}

/********** footer inside **********/

#footer address {
    font-family:Helvetica;
    font-size:90%;
    width:900px;
	max-height:30px;
	text-align:right;
	padding-top:60px;
}

/********** contents inside **********/

/***** index *****/


/***** frame *****/

.frame {
	width:620px;
	height:auto;
	margin-bottom:25px;
}

.frame_top {
    background-image:url(../img/bg/frame_top.png);
	width:620px;
	height:20px;
}

.frame_bottom {
    background-image:url(../img/bg/frame_bottom.png);
	width:620px;
	height:20px;
	clear:both;
}

.frame h3 {
	font-family:Osaka, "ＭＳ ゴシック", "MS Gothic",sans-serif;
    font-size:16px;
	margin-bottom:10px;
	padding:0 20px;
}

.frame h4 {
    font-family:Osaka, "ＭＳ ゴシック", "MS Gothic",sans-serif;
    font-size:14px;
	padding:0 20px;
}

.frame h5 {
    font-family:Osaka, "ＭＳ ゴシック", "MS Gothic",sans-serif;
    font-size:13px;
	margin-top:10px;
	padding:0 20px;
}

.frame p {
	line-height:2em;
	padding:0 20px;
}

.frame_dot {
	border:1px dotted #F6AE5D;
	margin:15px 20px;
}

.frame_hr {
	border:1px solid #F6AE5D;
	margin:15px 20px;
}

/***** frame table *****/
.frame .frameinner {
	float:left;
	width:290px;
}

/***** frame table *****/
.frame table {
	border:1px solid #CCCCCC;
	width:580px;
	margin:0 20px 1em;
}

.frame table th, .frame table td {
	background:#FFFFFF none scroll 0 0;
	border-bottom:1px solid #CCCCCC;
	text-align:left;
	vertical-align:top;
	padding:0.1em 0.5em;
	line-height:2em;
}

/********** others **********/
/*****  js *****/