@charset "UTF-8";

html, body {
	height: 100%;
}
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{
}

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;
	margin-top: 40px;
    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 a {
    width: 180px;
    height: 52px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}


#content {
    width: 910px;
    margin-left: auto;
    margin-right: auto;
	margin-top: 50px;
    position: relative;
}


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

}

#content h1#char {
    position: absolute;
    top: 20px;
    left: 780px;
}

#content h1#char_speak {
    position: absolute;
    top: -30px;
    left: 780px;
}

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

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


.content-box .text-box1 {
    width: 280px;
    height: 130px;
    margin-top: 10px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
    background: url("../images/small-box.png") no-repeat;
}

.content-box .text-box-member {
    width: 900px;
    height: 350px;
    margin-top: 10px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 10px;
    background: url("../images/name_plate.png") no-repeat;
}


.text-box-mid {
    width: 424px;
    height: 167px;
    margin-top: 13px;
	padding-top: 13px;
	padding-left: 10px;
    background: url("../images/mid-box.png") no-repeat;
}

.text-box-member {
    width: 605px;
    height: 239px;
    margin-top: 20px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 50px;
    background: url("../images/large-box.png") no-repeat;
}

.detail-member-L
{
	float: left;
	width: 250px;
	padding-top: 50px;
	padding-left: 30px;
}

.detail-member-L b
{
	font-size: 18px;
}

.detail-member-L strong
{
	font-size: 26px;
}

.detail-member-L ul
{
	margin-top: 10px;
	margin-left: 30px;
	list-style-type: disc;
}

.detail-member-R
{
	float: left;
	width: 260px;
	padding-top: 30px;
	padding-left: 0px;
}

.detail-member-R iframe
{
	margin-top: 10px;
	margin-left: 20px;
}

/* Footer
--------------------------------------------------------*/
footer {
    width: 100%;
    height: 20px;
	margin-top: 20px;
    margin-bottom: 40px;
    float: center;
	padding: 10px;
	text-align:center;	
    border-image: url("../images/news-box.png") 25 round;
    border-style:solid; border-width:10px;
}









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

.w910 {
    width: 930px;
}


.w630 {
    width: 630px;
}

.w200 {
    width: 200px;
}


.mL20 {
    margin-left: 30px;
}


.float-left {
    float: left;
}

.float-right {
    float: right;
}



/* クリアフィクス */
.clearfix:after {
    content:"";
    display:block;
    clear:both;
} /* IE8, ModanBrowser */

div.margBottomZero2 {margin-bottom:0}