@charset "utf-8";

/*
	1.Default Style.
		1-1.Reset.
		1-2.Clearfix.
		1-3.Rollover.
	2.Default Layout.
		2-1.Base Layout.
		2-2.Header Layout.
		2-3.Navigation Layout.
		2-4.Footer Layout.
	3.Contents Field Layout.
	4.Link Design.
		4-1.Common Link.
	5.Font Design.
		5-1.Font size.
		5-2.Font Design.
		5-2.Generic margin.
*/

/*----------------------------------------------------------
	1.Default Style.
-----------------------------------------------------------*/
/*-- 1-1.Reset. --*/
html{filter: expression(document.execCommand("BackgroundImageCache", false, true));}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;word-wrap:break-word;}
a{overflow:hidden;}
a:focus{outline:none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style-position:outside;list-style:none;}
caption, th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:h;}
abbr,acronym{border:0;}
select option{padding:0 5px;}
form label{cursor:pointer;}

iframe{
	margin:0;
	padding:0;
	border:none;
}

/*-- 1-2.Clearfix. --*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;	
	visibility:hidden;
	}

.clearfix{
	display:inline-block;
	min-height:1%;  /* for IE 7*/
	}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

/*----------------------------------------------------------
	2.Default Layout.
-----------------------------------------------------------*/
/*-- 2-1.Base Layout. --*/
html,body{
	height:100%;
	text-align:center;
	}
	
html{
	background:url(../images/common/bg.gif) bottom left;
 overflow-y: scroll;
}

body{
	-webkit-text-size-adjust: 100%;
}

div#Wrapper{

}

div#contentsWrapper{
	width:100%;
	background:url(../images/common/header_bg.gif) repeat-x top left;
	background-color:#fff;
}

div#Container{
	width:900px;
	margin:0px auto;
	}

div#ColumnLeft{
	width:200px;
	float:left;
	}

div#ColumnRight{
	width:700px;
	text-align:left;
	float:right;
	}

/*-- 2-2.Header Layout. --*/
div#Header{
	width:900px;
	margin:0px auto;
	padding:40px 0px;
	}

div#Header h1{
	float:left;
	}

div#Header div#SiteLink{
	float:right;
	}

/*　2-3.Navigation Layout.　*/

ul#Navigation{
	padding-bottom:10px;
	}

ul#WorkshopLink{
	background:url(../images/common/bn_bg.gif);
	padding-bottom:10px;
	}

ul#Navigation li{
	margin-bottom:10px;
	}

ul#Navigation li img,
ul#WorkshopLink li img{
	vertical-align: bottom;
	}

/*-- 2-4.Footer Layout. --*/
div#Footer{
	width:100%;
	}

div#Footer div#Copyright{
	width:100%;
	height:59px;
	padding-top:20px;
	background:url(../images/common/footer_bg.gif) repeat-x top left; 
	}
/*
div#Footer div.ReturnTop{
	width:900px;
	margin:0px auto;
	text-align:right;
	margin-bottom:1px;
	}
*/	

div.ReturnTop{
	text-align:right;
	padding-bottom:1px;
	}
	
/*----------------------------------------------------------
	3.Contents Field Layout.
-----------------------------------------------------------*/

div#Catch{
	width:100px;
	text-align:center;
	float:left;
	}
	
div#Contents{
	width:600px;
	padding-top:20px;
	float:right;
	background:url(../images/common/contents_line.gif) repeat-x top left;
	}




/*----------------------------------------------------------
	4.Link Design.
-----------------------------------------------------------*/
/*-- 4-1.Common Link. --*/

a:link {
	color: #ff3737;
	text-decoration: underline;
	}

a:visited {
	color: #ff3737;
	text-decoration: underline;
	}

a:hover {
	color: #ff3737;
	text-decoration: none;
	}

a:active {
	color: #ff3737;
	text-decoration: none;
	}
/*----------------------------------------------------------
	5.Font Design.
-----------------------------------------------------------*/
body{
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
	font-family:"Verdana,Arial,Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif";
	color:#000;
	}

select,input,button,textarea,button{
	font-size:99% font-family: "Verdana,Arial,Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif";
	}

table{
	font-size:inherit;
	font:100%;
	}

pre,code,kbd,samp,tt{
	font-family:monospace;
	*font-size:108%;
	ine-height:100%;
	}

/*-- 5-1.Font size. --*/
.fontSmallerEx{
	font-size:77%;		/*=10px*/
	}
.fontSmaller{
	font-size:93%;		/*=12px*/
	}
.fontLarger{
	font-size:108%;		/*=14px*/
	}
.fontLargerEx{
	font-size:123.1%;	/*=16px*/
	}
.fontLargerExM{
	font-size:153.9%;	/*=20px*/
	}

/*-- 5-2.Font Design. --*/
em{
	font-weight:bold;
	font-style:normal;
	}

strong{
	color:#cd0022;
	}

em strong{
	font-weight:bold;
	color:#cd0022;
	}


/*-- 5-2.Generic margin. --*/

.mt5{
	margin-top:5px;
	}

.mb5{
	margin-bottom:5px;
	}

.mb10{
	margin-bottom:10px;
	}

.mt10{
	margin-top:10px;
	}

.mb15{
	margin-bottom:15px;
	}
	
.mt15{
	margin-top:15px;
	}	

.mb20{
	margin-bottom:20px;
	}
	
.mt20{
	margin-top:20px;
	}

.mb30{
	margin-bottom:30px;
	}

.mb25{
	margin-bottom:25px;
	}

.mb30{
	margin-bottom:30px;
	}
	
.mt30{
	margin-top:30px;
	}

.mb40{
	margin-bottom:40px;
	}

.mb50{
	margin-bottom:50px;
	}
	
	
.bn_mail{
	margin-top:15px;
}

.bn_blog{
	margin-top:15px;
}