* {
margin: 0;
padding: 0;
}

html {
background: #FFFFFF url("../img/html.png") repeat-x left top;
}


body {
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Verdana", Osaka, san-serif;
font-size : 0.9em;
color: #FFFFFF;
margin: 0;

font-size: 14px;
-webkit-text-size-adjust: 100%;
}



a {
color: #666666;
}

a:hover {
text-decoration : none;
color: #ff3399;
/* IE bug fix */
}

a img {
border: 0px;
}

a:hover img {
border: 0px solid #729AD7;
}

.pink_b{
font-weight : bold;
color : #ff3399;
}

.pink{
color : #ff3399;
}



#page {
background: url("../img/page.jpg") no-repeat center top;
position: relative;
z-index: inherit;
zoom: 1; /* For IE6 */
}



#header{
width:912px; 
height:80px; 
margin : 0;
padding : 72px 0 0 0;
margin: 0 0 0 7px\9; /* IE8 and below */

padding: 0;
margin: 0 auto;
}


#MenuPos,  x:-moz-any-link, x:default  { margin : -2px 0 0 -7px; }





.main {
width: 910px;
margin: 10px auto;
line-height : 150%;
}



.mainbox_top_right{
width : 650px;
float : left;
text-align : left;
padding : 14px 0 0 0;
}


.blog_left{
float : left;
width : 180px;
height : 226px;
margin : 5px 4px 0px 0px;
padding : 5px 5px 0 18px;
/*border : #999999 1px solid;*/
background: url("../img/top_blog01.jpg") no-repeat center center;
}


.blog_center{
float : left;
width : 180px;
height : 226px;
margin : 5px 4px 0 4px;
padding : 5px 5px 0 18px;
/*border : #999999 1px solid;*/
background: url("../img/top_blog02.jpg") no-repeat center top;
}


.blog_right{
float : left;
width : 180px;
height : 226px;
margin : 5px 0 0 4px;
padding : 5px 5px 0 18px;
/*border : #999999 1px solid;*/
background: url("../img/top_blog03.jpg") no-repeat center top;
}


.blog_blank_gif{
margin-bottom : 5px;
}



.mainbox_top_left{
width : 255px;
float : left;
padding : 14px 0 0 0;

	z-index: 100; /*for-ie7*/
}




.osusume {
width : 252px;
height: 530px;
text-align : center;
padding : 8px 3px 15px 3px;
margin-bottom : 5px;
/*background: url(../img/bg_osusume.gif) top left repeat;*/
border : 1px solid #bebebe;
border-radius: 7px;         /* CSS3 */
-moz-border-radius: 7px;    /* Firefox */
-webkit-border-radius: 7px; /* Safari,Chrome */

/*behavior : url(html/border-radius.htc);*/ /* IE */


background: url(../img/bg_osusume.gif) top left repeat;
position: relative;
z-index: 200 !important; /*for-ie8*/
}



.osusume02{
width : 254px;
text-align : center;
padding : 8px 3px 0px 3px;
margin : 20px 0 30px;
background-color : #FFFFFF;
}
.osusume02 img {
	margin: 0 auto 10px;
	text-align: left;
}


.banner_img{
margin : 6px 0 4px 0;
}

.util_link{
margin-left : 30px;
color : #666666;
padding-left : 14px;
background: url("../img/top_util_arrow.jpg") no-repeat left center;
}


.top_QR{
margin : 20px 0 0 0;
padding : 0 0 0 40px;
color : #666666;
}

.top_QR img{
margin : 0 0px 0 0;
float : left;
}



h1{
	/*font-size : 1px;
font-weight : normal;
color : #FFFFFF;*/
float: left;
}


.footer {
	clear: both;
height: 30px;
background: #FFFFFF url("../img/footer.png") repeat-x left bottom;
text-align : center;
width : 100%;
}


.clear {
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	clear: both;
}

/*Add-20140919*/
.linkArea {
	float: right;
	border: 1px solid #ccc;
	color: #333;
	padding: 3px 5px 0;
	font-size: 10px;
	margin-right: 30px;
	margin-bottom: 6px;
}
.linkArea a {
	text-decoration: none;
}
.bg_c {
	background: #DD484B;
	background: #ff9899;
}
.bg_c a {
	color: #fff;
	font-size: 11px;
	/*font-weight: bold;*/
}
.bg_c a:hover {
color: #ff3399;
color: #666;
color: #7C0002;
}
iframe.newsframe {
	margin-top: 5px;
	border-top: 1px solid #eee;
	padding-left: 10px;
}

/*Add-20140928*/

#header .lead{
	float: right;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.5;
	color: #888;
	margin: 60px 15px 0 0;
	font-style: italic;
	}
#header{
	position: relative;
}
#subMenu {
	position: absolute;
	top: 0;
	right: 10px;
	width: 187px;
	height: 30px;
	background: url(../img/bg_submenu.png) top center no-repeat;
}
#subMenu ul{
	/*margin-top: 7px;*/
}
#subMenu ul li {
	float: left;
	width: 93px;
	height: 30px;
	text-align: center;
	list-style: none;
}
#subMenu ul li a {
	font-size: 9px !important;
	text-decoration: none;
	line-height: 30px;
	color: #666;
}
#subMenu ul li a:hover {
color: #ff3399;
}


.exit:after {
content: url(../img/icon_external.gif);
/*position: relative;
bottom: 0.19em;*/
margin-left: 0.3em;
}

#col-1-page {
	clear: both;
	margin-top: 30px;
	position: relative;
	z-index: 200 !important; /*for-ie7*/
}
.ul_number li {
	list-style: decimal;
	margin-left : 20px;
}
.ul_normal {
	list-style: none;
	padding-left: 15px;
	margin: 10px 0 20px;
}
.workshoplist {
	width: 500px;
	margin: 30px auto;
	padding: 10px 0 10px 15px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
dl dt {
	width: 150px;
	float: left;
	clear: both;
	margin :15px 20px; 
}
dl dd {
	float: left;
	margin :10px 0px; 
}
/*common-basic-style*/
/*--------------------------------------------------
position
--------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}


.clearB { clear: both;}
.FLLeft{ float:left; margin-right: 10px; }
.FLRight{ float:right; margin-left: 10px; }