/*
Theme Name: agapes
Theme URI: http://agapes.jp/
Author: agapes
Author URI: http://agapes.jp/
Description: agapesのテーマ
*/

@charset "UTF-8";

html, body {
    height: 100%;
	background-color: #f1f1ff
}
body {
    font: 14px/1.6 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}



header .content-box {
    border-image: url("images/boader-box.png") 25 round;
    border-style:solid; border-width:10px;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
a {
    font-size: 18px;
    color: #333;
    text-decoration: none;
}
a:link {
    color: #333;
}
a:visited {
    color: #333;
}
a:hover {
    text-decoration: none;
}
a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}


/* Contents
--------------------------------------------------------*/



section > div {
    padding: 30px;
    color: #fff;
    text-shadow: 0 1px 5px #000;
}

#wrapper {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

body, header:before, section:before, .content-box:before{
    background: url("images/main.png") no-repeat;
    background-position: top;
}

body#member, #page header:before, #page section:before, #page .content-box:before{
    background: url("images/main_b2.png") no-repeat;
    background-position: top;
}

body#contact, #contact header:before, #contact section:before, #contact .content-box:before{
    background: url("images/main_b2.png") no-repeat;
    background-position: top;
}

header:before, .content-box:before {
    position: absolute;
    content: "";
    z-index: -1;
    -webkit-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
    width: 100%;
    height: 100%;
}

header {
    width: 910px;
    height: 45px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    border-image: url("images/boader-box.png") 25 round;
    border-style:solid; border-width:10px;
}
header:before {
    width: 910px;
    height: 45px;
}

header h1 {
    float: left;
}

header menu {
    margin-top: -3px;
    margin-left: 10px;
    float : left;
}

menu ul li {
    width: 180px;
    height: 52px;
    margin: 0;
    padding: 0;
    display: table-cell;
    background: url("images/menu_off.png");
}

menu ul li#on {
    width: 180px;
    height: 52px;
    margin: 0;
    padding: 0;
    display: table-cell;
    background: url("images/menu_on.png");
}

menu ul li a {
    width: 180px;
    height: 52px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}


#content {
    width: 930px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}


#content h1 {
    text-align: center;
    z-index: 1;

}
#content h1#char {
    position: absolute;
    top: 80px;
    left: 350px;
}


.content-box {
    padding: 10px;
    border-image: url("images/news-box.png") 25 round;
    border-style:solid;
    border-width:10px;

	background-color: #f3f3f7
}

.content-box h2 {
    text-align: center;
}

.content-box p {
    margin-top: 10px;
}

.content-box .text-box1 {
    width: 300px;
    height: 119px;
    margin-top: 10px;
    background: url("images/small-box.png") no-repeat;
}

.text-box1 b{
	color: #1304b2;
	font-size: 15px;
	font-weight:bold;
}

/* Page
--------------------------------------------------------*/

.page-content table{
    width: 400px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    border: solid 1px #333;
    border-collapse: collapse;
}

.page-content table th, .page-content table td {
    padding: 10px;
    border: solid 1px #333;
}

.page-content p {
    margin-left: 30px;
}

.page-content table th {
    text-align: right;
}

.page-content dl {
    margin-top: 15px;
    margin-left: 30px;
}

.page-content dl dt {
    padding-top: 3px;
    padding-left: 5px;
    border-left: solid 5px #333;
}

.page-content dl dd {
    padding-top: 5px;
    padding-left: 15px;
}

.page-content a {
    font-size: 15px;
}
.page-content a:hover {
    text-decoration: underline;
}

/* Page-Contact
--------------------------------------------------------*/
.page-contact table{
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    border: solid 1px #333;
    border-collapse: collapse;
}

.page-contact table th, .page-contact table td {
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    border: solid 1px #333;
}

.page-contact p {
    margin-left: 30px;
}

.page-contact table p {
    margin: 0;
    text-align: center;
}

/* Footer
--------------------------------------------------------*/
footer {
    width: 910px;
    height: 50px;
    margin-top: 40px;
    float: left;
    border-image: url("images/news-box.png") 25 round;
    border-style:solid; border-width:10px;
}









/* Other
--------------------------------------------------------*/
.w955 {
    width: 955px;
}

.w910 {
    width: 930px;
}

.w890 {
    width: 890px;
}

.w630 {
    width: 630px;
}

.w420 {
    width: 420px;
}

.w200 {
    width: 200px;
}


.mT30 {
    margin-top: 30px;
}

.mL20 {
    margin-left: 30px;
}

.mL10 {
    margin-left: 10px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.background-top-box{
    border-radius: 10px;
    background: #d9e3fd;
}

.background-second-box{
    border-radius: 10px;
    background: #e9ce7a;
}


div.margBottomZero2 {margin-bottom:0}