@charset "UTF-8";

/*-----------------------------------------
material共通
-----------------------------------------*/

#rightbox{
	min-height:700px;
	}		

#resultsbox{
	}		

h5.bar{
	width:676px;
	height:27px;
	background:url(../../images/h5_bar.jpg) no-repeat;
	font-size:14px;
	font-weight:normal;
	margin-top:20px;
	margin-bottom:20px;
	padding:3px 0 0 10px;
	border-left:5px solid #663366;
	border-right:1px solid #CCCCCC;
	}

h5.bar2{
	width:676px;
	height:27px;
	background:url(../../images/h5_bar.jpg) no-repeat;
	font-size:14px;
	font-weight:normal;
	margin-top:20px;
	margin-bottom:20px;
	padding:3px 0 0 10px;
	border-left:5px solid #CC0;
	border-right:1px solid #CCCCCC;
	}

h5.marbt{
	margin-bottom:20px;
	}

h6.color{
	color:#AF7BBB;
	font-size:16px;
	font-weight:bold;
	border-bottom:2px solid #AF7BBB;
	margin-bottom:20px;
	}	

h6.color_small{
	border-bottom:1px solid #999999;
	padding-bottom:2px;
	margin-bottom:5px;
	font-size:12px;
	}	

h6{
	font-size:14px;
	font-weight:bold;
	}	

div.font10{
	width:692px;
	height:auto;
	font-size:10px;
	margin-bottom:3px;
	}

div.left{
	float:left;
	}	

div.right{
	text-align:right;
	}	

ul.mate{
	margin:5px 0 0 15px;
	}	

ul.mate li{
	list-style:disc;
	margin-bottom:5px;
	}	
	

/*-----------------------------------------
index.htmlの設定
-----------------------------------------*/
	
.catelink{
	margin-bottom:30px;
	}

.cateicon1{
	float:left;
	}	
	
.cateicon1 li{
	width:250px;
	background:url(../../images/mark_news.gif) no-repeat;
	background-position:left 5px;
	/background-position:left 3px;
	padding:0 0 0 20px;
	margin:0 30px 0 0;
	line-height:1.7;
	}

.cateicon2{
	float:right;
	}	
	
.cateicon2 li{
	width:250px;
	background:url(../../images/mark_news.gif) no-repeat;
	background-position:left 5px;
	/background-position:left 3px;
	padding:0 0 0 20px;
	margin:0 50px 0 0;
	line-height:1.7;
	}

/*-----------------------------------------
photobox
-----------------------------------------*/
	
.photobox{
	width:692px;
	height:auto;
	}	
	
.photoleft{
	float:left;
	padding-bottom:10px;
	}

.photoright{
	float:left;
	padding-left:10px;
	padding-bottom:10px;
	}	

/*-----------------------------------------
info_table
-----------------------------------------*/
	
.info_table{
	clear:both;
	width:684px;
	height:auto;
	border:1px solid #CCCCCC;
	margin-bottom:20px;
	}

.info_table th{
	width:142px;
	border-bottom:1px dotted #CCCCCC;
	padding:3px;
	background-color:#efefef;
	text-align:left;
	font-weight:normal;
	}	

.info_table td{
	width:542px;
	border-bottom:1px dotted #CCCCCC;
	border-left:1px dotted #CCCCCC;
	background-color:#ffffff;
	padding:3px;
	}	
	
.info_table .bottom{
	border-bottom:none;
	}

/*-----------------------------------------
table
-----------------------------------------*/

.design_table ul{
	font-size:11px;
	margin:5px 0 15px 17px;
	}	

.design_table li{
	list-style: disc;
	}

.design_table table{
	clear:both;
	font-size:11px;
	width: 692px;
	margin:0 auto;
	border:1px solid #CCCCCC;
	border-collapse:separate;
	border-spacing:1px;
	}

.design_table table th {
	font-style:normal;
	color:#333333;
	padding:3px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color: #8CCEFF;
	font-weight:normal;
	}

.design_table table td {
	padding:3px;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #CCCCCC;
	background-color:#F4F4F4;
	text-align:center;
	}
	
.design_table table td.dark{
	background-color: #D7EBFF;
	}

.design_table table .tb_bottom{ 
	border-bottom:1px solid #F1F0EA;
	}

.design_table table td.bgtop{
	background-color:#E0DED4;
	}		
	
/*-----------------------------------------
cracktight about.htmlの設定
-----------------------------------------*/

img.right {
	float: right;
	margin-left:15px;
 	}

.bottom{
	margin-bottom:20px;
	}

p.bar{
	font-size:14px;
	font-weight:bold;
	margin:20px 0 40px 0;
	border-left:6px solid #FF3300;
	padding:1px 0 0 6px;
	line-height: normal;
	}

.line{
	border-bottom:1px solid #cccccc;
	padding-bottom:20px;
	margin-bottom:15px;
	}

ul.listline{
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	padding:10px 30px 10px 0;
	padding-left:20px;
	width:220px;
	}	

ul.listline li{
	list-style:disc;
	}	

#pdf{
	margin-top:10px;
	}	

#pdf img{
	vertical-align:bottom;
	}