/* CSS Document */
* {
text-align:left;
margin:0;
padding:0;
}
body {
margin : 0;
padding : 0;
text-align:center;
background:url(../image/bg.gif) repeat-x;
}
a:link{color:#333333}

a:visited{color:#333333;}
a:active{color:#333333;}
a:hover{color:#333333;}

body,div,pre,p,blockquote,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,pre,ul ul li,
form,fieldset,input,textarea,select,option,table,th,td,embed,object,address {
  margin:0;
  padding:0;
}

/*\*/*html ol{margin-left:5px;}/**/

ul li {list-style-type: none;}

fieldset,table,img {border:0;}

table td,table th {vertical-align:top;}

table {
  border-collapse:collapse;
  border-spacing:0;
}

body,h1,h2,h3,h4,h5,h6,td,th,p,li,dt,dd,form,pre,address,
blockquote,div,input,textarea,pre,ul,li,ol,blockquote {
  font-family:"¥á¥¤¥ê¥ª", Meiryo, "MS P Gothic", "£Í£Ó £Ð¥´¥·¥Ã¥¯", "Hiragino kaku Gothic Pro", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", Osaka, Verdana, sans-serif;
  font-weight:normal;
  font-style:normal;
  line-height:1.4;
}

/* font-size */
h1,h2,h3,h4,h5,h6,p,li,dt,dd,form,pre,address,blockquote {
  font-size:75%;
}

.bold{
font-weight:bold;
}

hr{/* for IE7 IE6*/
margin:4px 0;
padding:0;
border:none;
border-bottom:solid 1px #fff;
height:2px;
}

/* hide ei5 \ */
*html hr{
margin:4px 0 4px 0;
}
*:first-child+html hr{
margin:4px 0 4px 0;
}
/* end */

/*Æð€éìqÛâËóµìÓãT¥¤¥ºÃé»ç
------------------------------------------------------------*/
li li,li dt,li dd, dd li,dd dd{font-size:100%;}

#container{
	width:970px;
	margin:0 auto;
}
#header{
	width:970px;
}

#contents{
	widht:970px;
	background:url(../image/bgl.gif) repeat-y; 
	padding:0 0 20px 0;
}

#contents h2{
	margin-left:50px;
}

.mainContents1{
	width:706px;
	background:url(../image/contbg.jpg) repeat-y; 
	margin:0px auto;	
}

.mainContents1 table.list{
	background:url(../image/dot.gif) repeat-y 130px; 
	width:620px;
	margin:20px auto 0 auto;
}
	.mainContents1 table{
		background-color:#FFFFFF;
		width:100%;
	}
	
	.mainContents1 table table{
	padding:1px 1px;
	border-right:#ee68a4 1px solid;
	border-top:#ee68a4 1px solid;
	}
	.mainContents1 table table td{
	padding:2px 5px;
	text-align:center;
	border-left:#ee68a4 1px solid;
	border-bottom:#ee68a4 1px solid;
	}
	.mainContents1 table table.sche td p{
	text-align:center;
	}
.mainContents1 table.list caption{
font-size:14px;
padding:0;
margin:0;
}

.mainContents1 table.list th{
	
	width:150px;
	font-weight:normal;
	padding:10px 0;
}
.mainContents1 table.list th p{
font-weight:bold;
color:#333333;
padding-right:50px;
text-align:right;
}

.mainContents1 table li{
	margin:5px 0;
}

.mainContents1 table.listStca{
	background:url(../image/dot.gif) repeat-y 100px; 
	width:620px;
	margin:20px auto 0 auto;
}

.mainContents1 table.listStca th{
	width:120px;
	font-weight:normal;
	padding:10px 0;
}

.mainContents1 table td{
	padding:10px 0;
}

.mainContents1 img.download{
	margin:0 20px 10px 450px;
}
.mainContents1 .contentsHeader{
	background:url(../image/h3header.jpg) no-repeat; 
	width:706px;
	height:63px;
}

.mainContents1 .h3txt{
	padding:37px 0 0 80px;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
}
.mainContents1 .articleBox{
	width:620px;
	margin:20px auto 0 auto;
}

.mainContents1 .articleBox .leftBox{
	float:left;
	width:30%;
}
.mainContents1 .articleBox .rightBox{
	float:left;
	width:70%;
}

.mainContents1 .articleBox .photo2L{
	text-align:center;
	margin:10px auto 0 auto;
}
	.mainContents1 .articleBox .photo2L p{
		width:520px;
		margin:10px auto;
	}
.mainContents1 .articleBox .photo2S{
	text-align:center;
	margin:15px auto 0 auto;
	height:400px;
	overflow:hidden;
}

	.mainContents1 .articleBox .photo2S p{
		width:300px;
		text-align:center;
		margin:5px 0 0 0;
	}

	.mainContents1 .articleBox .question{
		margin:10px 0 5px 0;
		color:#666666;
	}

.mainContents1 .hr_heart{
	margin:0 auto;
	width:620px;
	height:19px;
	background-image:url(../image/heart_hr.gif);
}

.mainContents1Btm{
	height:18px;
	margin:20px 0 0 0;
	background:url(../image/contbtm.jpg) no-repeat bottom;
}


.flvArea{
	width:480px;
	margin:10px auto;
}

#footer{

	width:100%;
	background:url(../image/ftbg.gif) ;
	border-bottom:#000000 solid 1px;
}

#footer .fttop{
	height:43px;
	width:100%;
	background:url(../image/fttop.gif) ;
}

#footer .flL{
	width:70%;
	margin-left:30px;
	display:inline;
}

#footer .flL img{
	margin:5px 5px 15px 0;
}
#footer .flR{
	width:20%;
	margin:5px 20px 0 0;
	text-align:right;
	color:#cccccc;
	display:inline;
}

#footerLink img{ margin-left:5px;}
p.blogTxt{
	margin:10px 0 0 0;
}

h4{text-indent:5px; border-bottom:1px solid #CC6699; border-left:3px solid #CC3399; font-size:14px; font-weight:bold; margin:5px 0; padding:2px; background: #FFCCFF;}
.articleBox dl{
	padding:10px;
}
.articleBox dt{
	font-weight:bold;
	color: #CC3399;
	padding:10px 0 5px;
}
/*------------------------------------------------------------
##############################################################
¡áŽÀ1.ÇòÉÑ
##############################################################
------------------------------------------------------------*/
#popUp{background:none;}

#popUp h2{ text-align:center; margin:0 auto;}

#popUp .mainContents1 table caption{ font-size:12px; font-weight:bold;}

#popUp .mainContents1 table.list{
	width:620px;
	margin:5px auto 0 auto;
}

/*------------------------------------------------------------
##############################################################
¡áŽÀ1.ÇòÉÑ
##############################################################
------------------------------------------------------------*/
.flR{
	float:right;
}
.flL{
	float:left;
}
.mr5{
	margin:5px;
}
.mt10{
	margin-top:10px;
}

.mt15{
	margin-top:15px;
}

ul.attention{
	font-size:79%;
}

.red{
	color:red;
	}

.gotoPageTop{
text-align:center;
margin:0 auto;
}
/*------------------------------------------------------------
##############################################################
¡áŽÀ2.clearfix
##############################################################
------------------------------------------------------------*/
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
*+html .clearfix{
  height:1%;
}
* html .clearfix{
   height: 1%;
 }
