@charset "utf-8";

/*-------------------- 一般設定 --------------------*/
*{
  padding:0;
  margin:0;
  border:none;
}
body,html{
  margin:0;
}
body{
  
  font-size:12px;
  color:#444;
  font-family:"ＭＳ Ｐゴシック","osaka",sans-serif;
  line-height:1.5;
  margin:5px auto 0 auto;
  padding:0px;
  text-align:center;
  
}
ul,li,dt,dl,dd,ol,oi{
	list-style-type:none;
	background:none;
	padding:0;
	margin:0;
}

ul{
	margin:0 0 1em;
}

table,tr,td{
	font-size:100%;
	border:1px solid #ccc;
}
td{
	padding:3px;
}

a:link   {color:#0066aa;text-decoration:none;}
a:visited{color:#770077;text-decoration:none;}
a:hover  {background:#ffffcc;text-decoration:none;}
a:active {text-decoration:none;}




/*-------------------- 個別指定 --------------------*/
img{
  vertical-align:bottom;
}
p{
  margin:1em 0;
}

div{
}

form{
  margin:0;
  padding:0;
}

h1{
  font-size:230%;
  margin:20px 0 20px;
  padding:0;
}

h2{
	font-size:100%;
	margin:0 0 10px;
	padding:1px 10px;
	color:#666;
	font-weight:normal;
}

h3{
	font-size:110%;
  margin:10px 0;
  padding:1px 5px;
  height:18px;
  border:3px double #9ac;
}
h4{
  font-size:100%;
  margin:20px 0 10px;
  padding:1px 5px;
  height:18px;
  border-color:#9cc;
  border-style:solid;
  border-width:0 0 1px 3px;
}


#bookmark{
	text-align: right;
	margin:0;
}

.box{
	padding-left:10px;
}

.explain{
	width:36em;
	color:#666;
	border:1px dashed #ccf;
	margin:0 auto;
}

#form1{
}

#main{
	float:left;
	width:400px;
}

#option{
	float:right;
	width:360px;
}

.select div{
	margin:3px 0;
}
.select div div{
	margin:0;
}

select{
	border:2px inset #ccc;
}

.caption{
	width:90px;
	margin:0;
	float:left;
}

#main .caption{
	width:85px;
}
#option .caption{
	width:95px;
}

.select{
	clear:left;
}
.selectattr select{
	width:60px;
}
.selectbuki select{
	width:180px;
}
.selectkireaji select{
	width:60px;
}

.selectmotion select,
.selectenemy select{
	width:140px;
}

#selecttaiken{
	display:inline;
}
#selecttachi,
#selectkatate,
#selectsouken,
#selecthammer,
#selecthue,
#selectlance,
#selectgunce,
#selectyumi
{
	display:none;	
}

#selectmotiontaiken{
	display:inline;
}
#selectmotiontachi,
#selectmotionkatate,
#selectmotionsouken,
#selectmotionhammer,
#selectmotionhue,
#selectmotionlance,
#selectmotiongunce,
#selectmotionyumi
{
	display:none;	
}

.selectdef input{
	text-align:right;
	border:2px inset #ccc;
	width:25px;
	padding:0 3px;
}

.selectmotiondetail table{
  width:180px;
}


dl#tamaup dt{
	float: left;
	height:2em;
}

#skill_notice{
	clear:left;
	margin:15px 0 0;
	padding:0;
}

#calc{
	clear:both;
	text-align:center;
	margin:0 auto;
	padding:10px 0 0;
}

#calc input,
#calcrank input{
	margin:0;
	padding:2px;
	border:2px outset #ccc;
	background-color:#fff;
}

.calc_motion{
	padding:10px 0 0;
}

.ad_bunner{
	text-align:center;
	margin:0 auto;
}
.ad_halfbanner{
	padding:15px 0 0;
}


.box-left{
	width:270px;
	float:left;
}
.box-right{
	float:right;
}
.box-clear{
	clear:left;
}



#result,
#resultrank{
	clear:left;
	margin:10px 0;
	padding:0;
	/*border:1px dashed #ccc;*/
}

#result table{
	margin:10px 0;
}
#result td{
	padding:3px;
}

#data{
}

.two_column{
	/*padding:1px 0;*/
	width:100%;
}

#damage{
	float:left;
	width:380px;
	margin-right:10px;
}

#nikushitsu{
	float:right;
	width:380px;
}

#ranking{
	clear:both;
	width:100%;
}

.memo{

}




.update dd{
	padding-left:1em;
}

#faq dd{
	margin-left:1em;
}

.form_submit{
	padding:10px 0 0;
}
.submit_name,
.submit_text
{
	padding:2px 3px;
	border:2px inset #ccc;
}
.submit_name{
	width:100px;
}
.submit_text{
	width:500px;
}
.submit_button{
	padding:2px 3px;
	border:2px outset #ccc;
	background-color:#fff;
}
#submitted,
.update_text{
	margin:10px;
	padding:5px;
	border:1px dashed #ccc;
	height:100px;
	overflow:auto;
}
#submitted{
	height:200px;
}

#submitted li .name{
	width:60px;
	float:left;
	margin-left:-60px;
}

#submitted li{
	clear:both;
	margin-left:60px;
}


/*-------------------- インライン属性 --------------------*/

em{
  font-weight:bold;
  font-style:normal;
}
strong{
  font-weight:bold;
  color:#cc0000;
}

/*-------------------- 外枠 --------------------*/
#outline {
  width:800px;
  margin:0 auto;
  padding:0;
  background-color:#ffffff;
}
/*-------------------- ヘッダー --------------------*/
#header{
  width:800px;
  padding:0;
  margin:0 auto;

}

/*-------------------- コンテンツ --------------------*/
#content{
  width:800px;
  text-align:left;
}

/*-------------------- フッター --------------------*/
#footer{
  width:800px;
  color:#666666;
  border-top:1px solid #9999cc;
  margin:50px auto 0;
  padding:5px 0px;
  text-align:center;
  clear:both;

}