@charset "utf-8";

/*
Theme Name: 
Theme URI: 
Author: 
Author URI: 
Version: 1.0
*/


/*Base*/
html,body {
	width: 100%;
	height: 100%;
}

html {
	height: 100%;
	overflow-y: scroll;
}


/*Text:*/

body {
	font-size: 88%;
	font-weight: normal;
	line-height: 1.5;
    font-family: "Hiragino Kaku Gothic Pro",Meiryo,Osaka,"MS PGothic",sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

/*Link*/

a,
a:link {
	color: #333333;
}

a:visited {
	color: #333333;
}

a:hover,
a:active {
	color: #777777;
}

a:focus {
	outline: none;
}

/*HTML5*/
article,aside,details,footer,header,main,menu,nav,section,summary {
	display: block;
}


/*layout ---width:960px;---*/

#wrapper {
	width: 100%;
	min-width:960px;
}

#header {
	background: #EDEDED;
	min-width: 960px;
	height: 110px;
}

#header header {
	margin: 0 auto;
}

#contents {
	margin: 0 auto;
	min-width: 960px;
	min-height: 500px;
}

.left-c {
    background-color: #ccc;
    float: left;
    width: 450px;
}

.right-c{
    background-color: #ccc;
	width:450px;
	float:right;	
}

#footer {
	background:#000;
	border-top: 2px solid #9fb7d4;
	min-width: 960px;
    padding: 15px 0;
	margin-top:20px;	
}

#footer-cont {
	min-width: 960px;
	margin:0 auto;
	text-align:center;	
}

#footer-cont ul {
	text-align:center;
    clear: both;
    margin: 0 auto;
}

#footer-cont ul li {
    border-left: 1px dotted #fff;
    display: inline;
    margin-left: 10px;
    padding-left: 10px;
}

ul li:first-child {
    border-left: medium none !important;
}

#footer-cont address {
    clear: both;
    margin: 0 auto;
    width: 960px;
}	

#footer footer {
	margin: 0 auto;
	text-align:center;
}

#header header,
#footer footer {
	width: 960px;
}

/*common*/
#header h1,
#header h2,
#contents h3,
#header p,
#contents p,
#footer p {
	padding: 0px;
}

a:hover img{
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}

/*Reset*/
* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

img {
	border: none;
	vertical-align: middle;
}

ul,ol {
	list-style: none;
}


/*add*/

#main article section {
    margin: 0 auto;
    overflow: hidden;
    width: 960px;
}


.example01{
	background-color:#fff;
    background-image: url("../image/example01-bg.png");
    background-repeat: repeat-x;
	/*box-shadow:rgba(204, 204, 204, 0.65) 0px 5px 5px 0 inset;*/
	/*-webkit-box-shadow:rgba(204, 204, 204, 0.65) 0px 5px 5px 0 inset;*/
	/*-moz-box-shadow:rgba(204, 204, 204, 0.65)0px 5px 5px 0 inset;*/
}

.example01 section{
    background-image: url("../image/arw1.png");
    background-position: center top;
    background-repeat: no-repeat;
	padding-top: 38px;
}


.example02{
	background-color:#EEEDF2;
    background-image: url("../image/example02-bg.png");
    background-repeat: repeat-x;
	/*box-shadow:rgba(204, 204, 204, 0.65) 0px 5px 5px 0 inset;*/
	/*-webkit-box-shadow:rgba(204, 204, 204, 0.65) 0px 5px 5px 0 inset;*/
	/*-moz-box-shadow:rgba(204, 204, 204, 0.65)0px 5px 5px 0 inset;*/
}
.example02 section{
    background-image: url("../image/arw2.png");
    background-position: center top;
    background-repeat: no-repeat;
	padding-top: 38px;
}

#footer-cont, #footer-cont ul li a, #footer footer p{
	color:#ffffff;
}