﻿body {
	margin: 5px;
	font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック", "osaka";
}
*{
	margin: 0px;
	padding: 0px;
}
#wrapper {
	width: 750px;
}
#header {
	padding: 40px 7px 7px 0px;
	height: 70px;
	text-align: right;
	background-image:url('img/header_bg.jpg');
	background-repeat:no-repeat;
}
#header h1 {
	font-size:14px;
	color: #FF0000;
	line-height: 1.6em;
	text-align: right;
	margin: 50p 10px 0px 0px;
}
#box01 {
	width:650px;
	margin: 20px 50px 0px 50px;
}
#box01 h2{
	margin-bottom: 20px;
	font-size: 16px;
	color: #3278B8;
	background-image:url('img/title_bg.jpg');
	background-repeat:no-repeat;
	height: 25px;
	padding-top: 4px;
	padding-left:30px;
}
#box01 p{
	font-size:14px;
	color:#666;
	line-height:1.8em;
	margin: 10px 25px 10px 25px;
}
#box01 img{
	margin:0px 5px 5px 0px;
	padding: 0px 5px 0px 5px;
    margin:0px;
}
#box01 #top01{
	width:310px;
	margin: 0px 10px 0px 20px; 
}
#box01 #top01 h3{
    height:28px;
    background-image:url('img/midashi_01.gif');
    background-repeat:no-repeat;
    padding-left:30px;
    padding-top:5px;
    margin-bottom:10px;
    margin-top:10px;
    color: #FFF;
    font-size:16px;
}
#box01 #top01 p{
	font-size:14px;
	color:#666;
	line-height:1.8em;
	margin: 10px 10px 10px 10px;
}
#box01 #top02{
	width:310px;
	margin: 0px 10px 0px 20px; 
}
#box01 #top02 h3{
    height:28px;
    background-image:url('img/midashi_02.gif');
    background-repeat:no-repeat;
    padding-left:30px;
    padding-top:5px;
    margin-bottom:10px;
    margin-top:10px;
    color: #FFF;
    font-size:16px;
}
#box01 #top02 p{
	font-size:14px;
	color:#666;
	line-height:1.8em;
	margin: 10px 10px 10px 10px;
}
#box01 #top03{
	width:310px;
	margin: 0px 10px 0px 20px; 
}
#box01 #top03 h3{
    height:28px;
    background-image:url('img/midashi_03.gif');
    background-repeat:no-repeat;
    padding-left:30px;
    padding-top:5px;
    margin-bottom:10px;
    margin-top:10px;
    color: #FFF;
    font-size:16px;
}
#box01 #top03 p{
	font-size:14px;
	color:#666;
	line-height:1.8em;
	margin: 10px 10px 10px 10px;
}
#box01 #top03 img{
    float:right;
    border: 0px;
    padding: 0px 0px 0px 0px;
    margin:0px;
}
#box01 #top04{
	width:310px;
	margin: 0px 10px 0px 20px; 
	clear:both;
}
#box01 #top04 img{
	float:right;
    border: 0px;
    padding: 0px 0px 0px 0px;
    margin:0px;
}
#box01 #top04 p{
	font-size:14px;
	color:#666;
	line-height:1.8em;
	margin: 10px 10px 10px 10px;
}
#box01 #top04 table{
    padding: 0px;
    margin:0px;
}
#box01 #top04 h3{
    height:28px;
    background-image:url('img/midashi_04.gif');
    background-repeat:no-repeat;
    padding-left:30px;
    padding-top:5px;
    margin-bottom:10px;
    margin-top:10px;
    color: #FFF;
    font-size:16px;
}
#sample {
	width: 600px;
	float: left;
}
#sample img {
	width:280px;
}
#box02 {
	width:650px;
	margin: 20px 50px 0px 50px;
}
#box02 h2{
	margin-bottom: 20px;
	font-size: 16px;
	color: #3278B8;
	background-image:url('img/title_bg.jpg');
	background-repeat:no-repeat;
	height: 25px;
	padding-top: 4px;
	padding-left:30px;
}
#box02 #skin {
    width:603px;
    margin: 20px 20px 0px 20px;
    padding-bottom:20px;
}
#box02 #skin div{
    float:left;
    width:200px;
}
#skin .left{
    border-right: 1px #E4E4E4 solid;
}
#skin .left img{
    margin:0px 10px 10px 10px;
    text-align:center;
    border:0px;
}
#skin .left h3{
    margin-bottom:10px;
    text-align:center;
    font-size: small;
    color: #666;
}
#skin .left p{
    margin-bottom:10px;
    text-align:center;
    font-size: small;
    color: #666;
}
#skin .center{
    border-right: 1px #E4E4E4 solid;
}
#skin .center img{
    margin:0px 10px 10px 10px;
    text-align:center;
    border:0px;
}
#skin .center h3{
    margin-bottom:10px;
    text-align:center;
    font-size: small;
    color: #666;
}
#skin .center p{
    margin-bottom:10px;
    text-align:center;
    font-size: small;
    color: #666;
}
#skin .right img{
    margin:0px 10px 10px 10px;
    text-align:center;
    border:0px;
}
#skin .right h3{
    margin-bottom:10px;
    text-align:center;
    font-size: small;
    color: #666;
}
#skin .right p{
    margin-bottom:10px;
    text-align:center;
    font-size: small;
    color: #666;
}
#list01 {
	padding: 5px;
	font-size: small;
	border-top: 1px #CCC solid;
	border-right: 1px #CCC solid;
	border-left: 1px #CCC solid;
	background-color:#D9ECFF;
	color:#666;
}
#list02 {
	padding: 5px;
	font-size: small;
	border-top: 1px #CCC solid;
	border-right: 1px #CCC solid;
	border-left: 1px #CCC solid;
	border-bottom: 1px #CCC solid;
	background-color:#D9ECFF;
	color:#666;
}
#list03 {
	padding: 5px;
	font-size: small;
	border-top: 1px #CCC solid;
	border-right: 1px #CCC solid;
	background-color:#FFF;
	color:#666;
}
#list04 {
	padding: 5px;
	font-size: small;
	border-top: 1px #CCC solid;
	border-right: 1px #CCC solid;
	border-bottom: 1px #CCC solid;
	background-color:#FFF;
	color:#666;
}
#button {
    padding: 40px 0px 40px 0px;
	text-align: center;
	margin: auto;
}
#button2 {
    padding: 40px 0px 40px 0px;
	text-align: center;
	margin: auto;
}
#button2 p{
    width: 500px;
    font-size: small;
    color: #666;
    text-align:left;
}
#button2 img{
    margin: 0px 15px 0px 15px;
}
#footer {
	margin-top: 40px;
	background-color: #F90;
	width: 750px;
}
#footer p {
	text-align: center;
	padding: 3px;
	font-size: small;
	color: #FFF;
}
#box03 {
	width:650px;
	margin: 20px 50px 0px 50px;
	background-image:url('img/box03_bg.gif');
	background-repeat:no-repeat;
	background-position:right;
}
#box03 h2{
	margin-bottom: 20px;
	font-size: 16px;
	color: #3278B8;
	background-image:url('img/title_bg.jpg');
	background-repeat:no-repeat;
	height: 25px;
	padding-top: 4px;
	padding-left:30px;
}
#box03 p{
	font-size:14px;
	color:#666;
	line-height:1.8em;
	margin: 10px 25px 10px 25px;
}
#bold {
	font-size:18px;
	color: #FF0000;
	font-weight:bold;
}
#box04 {
	width:650px;
	margin: 20px 50px 0px 50px;
}
#box04 h2{
	margin-bottom: 20px;
	font-size: 16px;
	color: #3278B8;
	background-image:url('img/title_bg.jpg');
	background-repeat:no-repeat;
	height: 25px;
	padding-top: 4px;
	padding-left:30px;
}
#box04 p{
	font-size:14px;
	color:#666;
	line-height:1.8em;
	margin: 10px 25px 10px 25px;
	border: 1px #C1E5F8 solid;
	padding: 8px;
	background-image:url('img/box_bg.gif');
	background-repeat:repeat-x;
}
#box05 {
	width:650px;
	margin: 20px 50px 0px 50px;
}
#box05 h2{
	margin-bottom: 20px;
	font-size: 16px;
	color: #3278B8;
	background-image:url('img/title_bg.jpg');
	background-repeat:no-repeat;
	height: 25px;
	padding-top: 4px;
	padding-left:30px;
}
#box05 p{
	font-size:14px;
	color:#666;
	line-height:1.8em;
	margin: 10px 25px 10px 25px;
}
#box05 img{
	margin:20px 0px 30px 0px;
}
