@charset "utf-8";

/* sample template all */


h1,h2{
    /* morisa fonts test*/
    /*font-family: 'Shin Go ExLight';*/
}

header {
    padding:        2.4% 0 0;
}

div#contents {
    margin:         0 3.8%;
}

div section {
/*    background-color:red;*/
    margin-bottom:2%;
}

/* template 01 style */
body#template01 nav#global ul li{
background-color: #fff;
}

body#template01 nav#global ul li a {
    background-color: #ccffcc;
    color: #ccc;
    font-weight: bold;
    display: inline-block;
    padding: 5%;
    width: 90%;
}

body#template01 div.col4boxl3r1 .left {
    width:              74%;
    margin-right:        4%;
}

body#template01 div.col4boxl3r1 .right {
    width:              22%;
}

body#template02 div.col4boxl3r1 .left {
    width:              74%;
    margin-right:        4%;
}

body#template01 div.col4boxl3r1 p{
margin: 30px 0 0 0;
font-size: 1.5em;
line-height: 170%;}

body#template01 footer {
    background-color:#ffffff;
}

/* template 02 style */
body#template02,
body#template02 div#container,
body#template02 div#contents
{
    color:              #ffffff;
    background-color:   #000000;
}

body#template02 nav#global ul {
border-bottom: 2px solid #cc0000;
padding-bottom: 5px;
margin-bottom: 5px;}

body#template02 div.col4boxl3r1 .right {
    width:              19%;
    margin-left:        3%;
}

body#template02 div.col4boxl3r1 .right div.link01{
margin-bottom: 20%;}


body#template02 div.col4boxl1r3 .right {
    width:              74%;
    margin-left:        4%;
}

body#template02 div.col4boxl1r3 .right h1{
font-size: 260%;}

body#template02 div.col4boxl1r3 .right h2{
font-size: 1.5em;
margin: 10px 0;}

body#template02 div.col4boxl1r3 .right p{
margin: 6% 0 0 0;
font-size: 1em;
line-height: 170%;
}


body#template02 div.col4boxl1r3 .left {
    width:              22%;
}

body#template02 footer {
    background-color:#000000;
}

/* template 03 style */
body#template03 nav#global ul li{
background-color: #fff;
}

body#template03 nav#global ul li a {
    background-color: #ccffcc;
    color: #ccc;
    font-weight: bold;
    display: inline-block;
    padding: 5%;
    width: 90%;
}

body#template03 div.col4boxl3r1 .left{
width:42%;
margin-right: 4%;}

body#template03 div.col4boxl3r1 .left h1{
margin: 6% 0;}

body#template03 div.col4boxl3r1 .left h2{
margin-bottom: 4%;}

body#template03 div.col4boxl3r1 .right{
width:54%;}

body#template03 div.col3boxl1r2{
margin-top: 3%;
}

body#template03 div.col3boxl1r2 .right{
width: 61%;
margin-left: 4%;
}

body#template03 div.col3boxl1r2 .left{
width:35%;}


body#template03 div.col3boxl1r2 section.right div.col2box .left{
width:46%;
margin: 0 4% 0 0;}

body#template03 div.col3boxl1r2 section.right div.col2box .right{
width:46%;
margin: 0 0 0 4%;}

body#template03 div.col3boxl1r2 h2,
body#template03 div.col3boxl1r2 section.right div.col2box,
body#template03 div.col3boxl1r2 section.right div.col2box .left p{
margin-bottom: 3%;}

body#template03 div.col3boxl1r2 section.right div.col2box .left p{
margin-top: 3%;
}

body#template03 footer {
    background-color:#ffffff;
}


/* template 04 style */
body#template04 nav#global ul li{
background-color: #fff;
}

body#template04 nav#global ul li a {
    background-color: #ccffcc;
    color: #ccc;
    font-weight: bold;
    display: inline-block;
    padding: 5%;
    width: 90%;
}

body#template04 footer {
    background-color:#ffffff;
}

body#template04 div.col3boxl1r2{
margin: 4% 0;}

body#template04 div.col3boxl1r2 .left{
width:25%;
margin-right: 3%;}

body#template04 div.col3boxl1r2 .right{
width:69%;
margin-left: 3%;}

body#template04 div.col3boxl1r2 .right p,
body#template04 div.col3box p{
margin: 3% 0 0 0;
font-size: 1.2em;
line-height: 170%;
}

body#template04 div.col3box{
margin-bottom: 3%;
}

body#template04 div.col3box .left h3{
background-color: #359ed1;
font-size: 2em;
text-align: center;
color: #fff;
margin: 10% 0 3% 0;
padding: 10px;
}

body#template04 div.col3box .center h3{
background-color: #90bd44;
font-size: 2em;
text-align: center;
color: #fff;
margin: 10% 0 3% 0;
padding: 10px;
}

body#template04 div.col3box .right h3{
background-color: #e06927;
font-size: 2em;
text-align: center;
color: #fff;
margin: 10% 0 3% 0;
padding: 10px;
}


/* template 05 style */
body#template05 nav#global ul li{
background-color: #000;
}

body#template05 nav#global ul li a {
    background-color: #000;
    color: #ccc;
    font-weight: bold;
    display: inline-block;
    padding: 5%;
    width: 90%;
}


body#template05 div.colbox section{
margin: 0;}


body#template05 div.col4box section{
margin: 0 0 3% 0;
width:25%;}

body#template05 div.col4box section.leftimg{
width:22%;
margin: 0 3% 3% 0;
}

body#template05 div.col4boxl3r1{
margin: 3% 0 0 0;}

body#template05 div.col4boxl3r1 .left{
width:59%;
margin-right: 3%;
}

body#template05 div.col4boxl3r1 .right{
width:38%;}

body#template05 div.col4boxl3r1 .left p{
margin: 3% 0 0 0;
font-size: 1em;
line-height: 170%;
}

body#template05 footer {
    background-color:#ffffff;
}


/* template 06 style */
body#template06 nav#global ul li{
background-color: #fff;
}

body#template06 nav#global ul li a {
    background-color: #ccffcc;
    color: #000;
    font-weight: bold;
    display: inline-block;
    padding: 5%;
    width: 90%;
}


body#template06 div.col2box .left{
width:47%;
margin-right: 3%;}

body#template06 div.col2box{
margin: 3% 0 0 0;}

body#template06 div.col2box h1,
body#template06 div.col2box h2{
margin-bottom: 3%;}

body#template06 div.col2box p{
margin: 0 0 6% 0;
font-size: 1em;
line-height: 170%;
padding-left: 3%;
}

body#template06 footer {
    background-color:#ffffff;
}

body#template06 div.col2box .right{
width: 47%;
margin-left: 3%;}

body#template06 div.col2box .right div{
margin-bottom: 6%;}

/* template 07 style */
body#template07 h2.text{
    font-size: 1.7em;
    line-height: 1.3;
    margin: 3% 0 6% 0;
    text-align: justify;
}

body#template07 div.last{
margin-top: 30%;
background-color: #EFEFEF;}


body#template07 .col3box h2{
margin-bottom: 3%;}

body#template07 .col3box .left h2.text{
color:#ADB257;
}


body#template07 .col3box .center h2.text{
color:#788A4E;
}

body#template07 .col3box .right h2.text{
color:#7DA3A9;
}

body#template07 .col3box .left{
width: 32%;
margin-right: 1%;
}

body#template07 .col3box .center{
width: 32%;
margin-left: 1%;
}

body#template07 .col3box .right{
width: 32%;
}

body#template07 footer{
background-color: #ffffff;
}

body#template07 footer .paneoimg{
width: 50%;
margin:  0 auto;
}

/* template 08 style */



body#template08 nav#global ul{
width: 100%;}

body#template08 nav#global ul li a {
    display: inline-block;
    padding: 5% 0;
    width: 100%;
    background-color: #000;
}

body#template08 .col3boxl2r1,
body#template08 .col2box {
margin: 3% 0;}

body#template08 .col2box .left{
width: 49%;
margin-right: 1%;
}

body#template08 .col2box .right{
width: 49%;
margin-left: 1%;
}

body#template08 .col3boxl2r1 p,
body#template08 .col2box p{
margin-top: 3%;}

body#template08 footer {
    background-color:#ffffff;
}

body#template08 footer .paneoimg{
width: 50%;
margin:  0 auto;
}

/* template 09 style */

body#template09 nav#global ul li a {
    display: inline-block;
    width: 98%;
	margin: 0 auto;
}

body#template09 .col3boxl2r1 .left{
width: 64%;
margin-right: 1%;}

body#template09 .col3boxl2r1 .right{
width: 35%;}

body#template09 .col2box {
margin: 3% 0;}

body#template09 .col2box .left{
width: 49%;
margin-right: 1%;
}

body#template09 .col2box .right{
width: 49%;
margin-left: 1%;
}

body#template09 .col3boxl2r1,
body#template09 .col3boxl2r1 p,
body#template09 .col2box p,
body#template09 .col2box .paneoimg{
margin: 3% 0;}


/* template 10 style */

body#template10 .col3boxl1r2{
margin: 3% 0;
}

body#template10 .col3boxl1r2 .left{
width:31%;
margin-right: 2%;}

body#template10 .col3boxl1r2 .right{
width: 67%;}


body#template10 h2{
    font-size: 1.7em;
    line-height: 1.3;
    margin: 3% 0;
    text-align: justify;
}

body#template10 .col3box{
margin: 6% 0;
}

body#template10 .col3box .left{
width: 32%;
margin-right: 1%;
}

body#template10 .col3box .center{
width: 32%;
margin-left: 1%;
}

body#template10 .col3box .right{
width: 32%;
}

body#template10 .col3box p{
margin: 6% 0;}


body#template10 footer {
    background-color:#ffffff;
}

body#template10 footer .paneoimg{
width: 50%;
margin:  0 auto;
}

/* template 11 style */


body#template11 .col3box .left{
width: 32%;
margin-right: 1%;
}

body#template11 .col3box .center{
width: 32%;
margin-left: 1%;
}

body#template11 .col3box .right{
width: 32%;
}

body#template11 .first{
margin: 0 0 6% 0;}


body#template11 .col2box .left{
width: 40%;
margin: 6% 4% 1% 6%;}

body#template11 .col2box .right{
width: 40%;
margin: 6% 6% 1% 4%;}

body#template11 .col3box p{
margin: 6% 0;}

body#template11 footer {
    background-color:#ffffff;
}

body#template11 footer .paneoimg{
width: 50%;
margin:  0 auto;
}





@media only screen and (max-width:480px)
{
div#contents {
    margin:0 !important;
}
/*
section {
    width:auto !important;
    margin:0 !important;
} */
footer {
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
}
}