/*----------------------------------------------------------
	edit by toshio maeoka / pm studio co.,ltd.
	mail:maeoka@pmstudio.com
	url:http://www.pmstudio.com/
-----------------------------------------------------------*/

/*----------------------------------------------------------
背景つきbox
-----------------------------------------------------------*/

.article_gray_box{
	width:100%
	height:auto;
}

ul.gray_table{
	width:100%;
	height:auto;
}

ul.gray_table li{
	width:100%;
	height:auto;
}

ul.gray_table li:nth-child(1){
	width:25%;
	height:auto;
}

ul.gray_table li:nth-child(2){
	width:75%;
	height:auto;
}

/*----------------------------------------------------------
背景なしbox罫線あり
-----------------------------------------------------------*/

ul.gray_table2{
	width:100%;
	height:auto;
}

ul.gray_table2 li{
	width:100%;
	height:auto;
	padding:10px 0px 10px 10px;
	border: 1px solid #CCC;
}

ul.gray_table2 li:nth-child(1){
	width:20%;
	height:auto;
}

ul.gray_table2 li:nth-child(2){
	width:80%;
	height:auto;
}

ul.disc_frame{
	list-style-type:disc;
	width:100%;
	height:auto:
}

ul.disc_frame li{
	width:100%;
	height:auto:
}

/*----------------------------------------------------------
divでの2分割
-----------------------------------------------------------*/

.table_1{
	width:70%;
	height:auto;
}

.table_2{
	width:30%;
	height:auto;
}

/*----------------------------------------------------------
ボタン
-----------------------------------------------------------*/
.round_box{
	height:30px;
	margin:0px auto;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.round_box2{
	width:100px;
	height:20px;
	margin:0px auto;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.circle_box{
	width:50px;
	height:50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.circle_box2{
	width:20px;
	height:20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}