/* ボディー */
*{margin:0; padding:0;}
html { margin: 0; padding: 0; }
form, input { margin: 0; padding: 0; }
img
{
border:none;
vertical-align:top;
line-height : 0
}

body {
	margin:0px;
	margin-left: 8px;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom:32px;

font-family:Arial, ヒラギノ角ゴ Pro W3,
	color: #000000;
	background-color: #ddeeff;
background-repeat:repeat-x;



}

/*　ヘッダー　*/

.hed00
{
width:1022px;
padding:1px;
background-color: #fff;clear:fix;
background-image:url(idbgimg/hedbg01x.gif);
height:18px;
}


.hed00x2
{
width:1024px;
padding:0px;
background-color: #fff;clear:fix;
background-image:url(idbgimg/hedbg01x2.gif);
height:9px;
font-size:0px;
}

.footer00
{
width:1024px;
padding:6px 0 0 0;

background-image:url(./idbgimg/fotbg01x.gif);
height:18px;
font-size:12px;
text-align:center;
}


h1
{
width:500px;

padding:2px 4px 0 4px;

font-size:12px;
text-align:left;
font-weight:normal;
color:#000;
float:left;

}
/*　margin-left:auto;margin-right:auto;　*/

.hedsub
{
width:300px;
float:right;
font-size:12px;
text-align:right;
padding:4px 8px 0 0;
}
.hedsub2
{
width:204px;
float:right;
font-size:12px;
text-align:right;
padding:4px 4px 0 0;
}


.hed01
{
width:1024px;
height:8px;
background-image:url(idbgimg/hedbg01.gif);

}



.body01
{

width:1022px;background-image:url(idbgimg/nakabg01.gif);clear:fix;padding:1px;clear:fix;
}


.body02
{

width:1022px;
background-image:url(idbgimg/nakabg01.gif);
clear:fix;
padding:1px 1px 8px 1px;

}

.body02a
{

width:1016px;
background-image:url(idbgimg/nakabg01.gif);
clear:fix;
padding:1px 4px 8px 4px;

}



.titlehed
{
width:1016px;background-color: #fff;padding-top:4px;clear:fix;
}


.hedcm
{
width:468px;float:left;background-color: #eeeeee;height:60px;float:left;margin:0 0 0 12px;
}


.title
{
margin:0 0px 0 0px;float:left;width:300px;height:64px;
}

.title2
{
margin:0 40px 0 0px;float:left;width:300px;height:64px;
}
.leftmenu
{
width:280px;float:left;
margin:8px 6px 0 3px;clear:fix;background-color: #fff;
}

*html .leftmenu
{
width:280px;float:left;
margin:8px 6px 0 1px;clear:fix;background-color: #fff;
}



.leftmenu1
{
width:229px;float:left;
margin:8px 6px 0 4px;clear:fix;background-color: #fff;
}

*html .leftmenu1
{
width:229px;float:left;
margin:8px 6px 0 2px;clear:fix;background-color: #fff;
}




.centermenu
{
width:500px;float:left;
margin:8px 0 0 0;clear:fix;background-color: #ff000;
}


*html .centermenu
{
width:500px;float:left;
margin:8px 0 0 0px;clear:fix;background-color: #fff;
}







.rightmenu
{
width:224px;float:left;
padding:8px 0px 0 6px;clear:fix;background-color: #fff;
}


.rightmenu1
{
width:280px;float:left;
clear:fix;background-color: #fff;
}


.login
{
width:280px;height:200px;font-size:0px;
background-image:url(idbgimg/loginbg.gif);#ff0000;
}


.otameshi
{
width:224px;height:246px;margin:8px 0 0 0;
background-image:url(idbgimg/otameshi.gif);
}
.otameshi2
{
width:224px;height:512px;
background-image:url(idbgimg/otameshi2.gif);
}

.otameshi3
{
width:224px;height:512px;
background-image:url(idbgimg/otameshi3.gif);
}

.otameshi4
{
width:224px;height:512px;
background-image:url(idbgimg/otameshi4.gif);
}

.login01 {
width:270px;height:382px;color:#999;float:left;margin:0px 2px 0px 8px;padding:8px;border:1px solid #000066;background-color:#ddd;
}

*html .login01 {
width:270px;height:382px;color:#999;float:left;margin:0px 2px 0px 4px;padding:8px;border:1px solid #000066;background-color:#ddd;
}

.login02 {
color:#000;font-size:14px;padding:20px;background-color:#eee;border:1px solid #333366;
}

.login03 {
color:#000;font-size:14px;padding:20px;background-color:#eee;border:1px solid #333366;
}



*html .login02 {
color:#000;font-size:14px;padding:8px;background-color:#eee;border:1px solid #333366;
}

.login03 {
color:#000;font-size:14px;padding:0 0 8px 0; border:1px solid #999;margin-top:8px;
}

*html .login03 {
color:#000;font-size:14px;padding:0 0 4px 0; border:1px solid #999;margin-top:8px;
}

.nanidte
{
width:1024px;
padding:0px;
background-color: #fff;clear:fix;
background-image:url(./idbgimg/nanidte.jpg);
height:64px;
}


.nanidte2
{
width:1024px;
padding:0px;
background-color: #fff;clear:fix;
background-image:url(./idbgimg/nanidte2.jpg);
height:33px;
}

.nanidhajime
{
width:1024px;
padding:0px;
background-color: #fff;clear:fix;
background-image:url(./idbgimg/nanidhajime.jpg);
height:64px;
}

.yokuaru
{
width:1024px;
padding:0px;
background-color: #fff;clear:fix;
background-image:url(./idbgimg/yakuaru.jpg);
height:64px;
}


.tutorial
{
width:1024px;
padding:0px;
background-color: #fff;clear:fix;
background-image:url(./idbgimg/tutorial.jpg);
height:64px;
}

.shinki
{
width:1024px;
padding:0px;
background-color: #fff;clear:fix;
background-image:url(./idbgimg/shinki.jpg);
height:64px;
}

*html .nanidte
{
width:1024px;
padding:0px;
background-color: #fff;clear:fix;
background-image:url(idbgimg/nanidteie6.jpg);
height:64px;
}

*html .nanidhajime
{
width:1024px;
padding:0px;
background-color: #fff;clear:fix;
background-image:url(idbgimg/nanidhajimeie6.jpg);
height:64px;
}


*html .yokuaru
{
width:1024px;
padding:0px;
background-color: #fff;clear:fix;
background-image:url(./idbgimg/yakuaruie6.jpg);
height:64px;
}


*html .tutorial
{
width:1024px;
padding:0px;
background-color: #fff;clear:fix;
background-image:url(./idbgimg/tutorialie6.jpg);
height:64px;
}




.ap1 {
background-image:url(./idbgimg/ap1.gif);width:334px;height:200px;margin:0px 0 0 0px;float:left;
}

.aptext {
padding:52px 16px 0 14px;font-size:14px;line-height:22px;color:#333366;
}


.ap2 {
background-image:url(./idbgimg/ap2.gif);width:334px;height:200px;margin:0px 0 0 4px;float:left;
}

.ap3 {
background-image:url(./idbgimg/ap3.gif);width:334px;height:200px;margin:0px 0 0 4px;float:left;
}

.ap4 {
background-image:url(./idbgimg/ap4.gif);width:334px;height:200px;margin:0px 0 0 0px;float:left;
}

.ap5 {
background-image:url(./idbgimg/ap5.gif);width:334px;height:200px;margin:0px 0 0 4px;float:left;
}

.ap6 {
background-image:url(./idbgimg/ap6.gif);width:334px;height:200px;margin:0px 0 0 4px;float:left;
}





.mssg {
color:#ff0000;
font-weight:bold;
font-size:14px;
background-color:#ffdddd;
padding:8px;
border:2px solid #990000;
margin:8px 4px 8px 4px;
text-align:center;

}

.mssg2 {
color:#000;
font-weight:normal;
font-size:14px;
background-color:#eeeeff;
padding:8px;
border:1px solid #9999bb;
margin:8px 4px 8px 4px;
text-align:left;

}


.boxes {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-box-shadow: 0 1px 3px #d8d8d8;
  -webkit-box-shadow: 0 1px 3px #d8d8d8;
  line-height: 1.15;
  margin: 0.3em;
  padding: 0.5em;
  word-wrap: break-word;
}

img{
padding:5px;
border:none;
}