@charset "Shift_JIS";

/* Šî–{ƒŒƒCƒAƒEƒg�EƒtƒHƒ“ƒg‘•�üŠÖ˜A */
.roman-s { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px}
.f-bold { font-weight: bold}
.f-b-red { font-weight: bold ; color: #FF0000}
.f-b-y { font-weight: bold ; color: #FFFFCC}
.f-b-pink { font-weight: bold ; color: #FF6666}
.f-b-orange { font-weight: bold ; color: #FF6600}
.f-b-s-pink { font-weight: bold ; color: #FF3399}
.f-b-white { font-weight: bold ; color: #FFFFFF}
.f-b-purple { font-weight: bold; color: #B086B9}
.f-b-dp { font-weight: bold; color: #663399}
.f-b-green { font-weight: bold; color: #008888}
.f-b-blue { font-weight: bold; color: #0066CC}
.f-dp { color: #663399}
.f-white { color: #FFFFFF}
.f-red { color: #FF0000}

/* ƒŒƒCƒAƒEƒg */
.t10b { font-size: 10px;}
.t10-r { font-size: 10px ; color: #FF0000}	
.t10w { font-size: 10px; color: #FFFFFF}
.t14b { font-size: 14px ; line-height:1.3em;}
.t14y { font-size: 14px ; font-weight: bold ; color: #FFFFCC}
.t16b { font-size: 16px; line-height:1.3em;}
.t22b { font-size: 22px; line-height:1.3em;}






/* CSS�‰Šú�Ý’è */
html { _filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

#wrapper #middleArea{
	width:100% !important;
}


#bg {
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	font-size:12px;
	width:100%;
}
#bg img {
	border:0;
	vertical-align:bottom;
}
body {
}
#bg ul,#bg ol {
	list-style:none;
}
#bg a {
	overflow: hidden;
}
#bg strong {
	font-weight:bold;
}
.clear {
	clear: both;
}
.clearFloat:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 
.clearFloat { 
	display: inline-table; 
	min-height: 1%; 
} 
/* for macIE \*/ 
* html .clearFloat { 
	height: 1%; 
} 
.clearFloat { 
	display: block; 
} 
/* end of for macIE */
.clearFloat {
	overflow:hidden;
}

a.OpaChange:hover *{
filter:alpha(opacity=70); /*IE*/
-moz-opacity:0.70; /*FF*/
opacity:0.70;
}

.pageTop {
	text-align:right;
	padding:5px 0px 10px 0px;
}



#box_main{
	width:100%;
	/*background:url(../images/bg_box.jpg) repeat-y;*/
	background-color:#f7efff;
	margin:0px;
	padding:0px 0px 15px 0px;
	
	
	
}

#title{
	width:950px;
	margin:0px;
	padding:50px 0;
}


.box1,
.box2,
.box3{
	width:800px;
	margin:20px auto 50px;
	background-color:#FFF;
	
}

.box1 h2{
	background-color:#ba2985;
	text-align:center;
	padding:15px;
	color:#FFF;
	
}

.box1 .detail{
	padding:20px;
	text-align:center;
	margin:0;
	color:#ba2985;
}



.box2 h2{
	background-color:#7c308b;
	text-align:center;
	padding:15px;
	color:#FFF;
	
}

.box2 h3{
	padding:10px;
	margin:0 0 10px 0;
	color:#FFF;
	width:200px;
	background-color:#ba2985;
	text-align:center;
}

.box2 .detail{
	padding:20px;
	margin:0;
	color:#7c308b;
	line-height:24px;
}

.box2 .detail2{
	padding:0px 20px 20px;
	margin:0;
	color:#7c308b;
	line-height:24px;
}

.box3 h2{
	background-color:#4e6bb3;
	text-align:center;
	padding:15px;
	color:#FFF;
	
}

.box3 .detail{
	padding:20px;
	margin:0;
	line-height:24px;
	
}

.box3 .btnarea,
.box3 .btnarea2{
	display: box;
	display: -webkit-box;
	display: -moz-box;
	box-pack: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	
	
}

.box3 .btnarea p{
	width:175px;
	margin:0 10px 20px 10px;
}

.box3 .btnarea2 p{
	width:240px;
	margin:0 10px 20px 10px;
}

.box3 .btnarea p a,
.box3 .btnarea2 p a{
	display:block;
	padding:20px;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	
}


.box3 .btnarea p a:hover,
.box3 .btnarea2 p a:hover{
	opacity: 0.7 ;
	filter: alpha(opacity=70) ;
	-webkit-transition: 0.3s ;
	transition: 0.3s;
	text-decoration:none !important;
	color:#FFF !important;
	
}

.box3 .btnarea p a.btn1,
.box3 .btnarea2 p a.btn1{
	background-color:#ff8400;
}

.box3 .btnarea p a.btn2,
.box3 .btnarea2 p a.btn2{
	background-color:#e42d86;
}
.box3 .btnarea p a.btn3,
.box3 .btnarea2 p a.btn3{
	background-color:#ebbd11;
}
.box3 .btnarea p a.btn4,
.box3 .btnarea2 p a.btn4{
	background-color:#91c31e;
}

.box3 .btnarea p a.btn5,
.box3 .btnarea2 p a.btn5{
	background-color:#992d88;
}

.box3 .btnarea p a.btn6,
.box3 .btnarea2 p a.btn6{
	background-color:#665ca6;
}


.box3 .btnarea p a.btn7,
.box3 .btnarea2 p a.btn7{
	background-color:#2786c8;
}

.att{
	color:#F00;
	font-weight:bold;
	padding:20px;
	font-size:12px;
	overflow:hidden;
}