@media only screen and (orientation : portrait) { /*縦向きの際に適用*/
#pro {
	position        :relative;
	margin:10px;
	border:solid 1px #999;
	border-color:#E7E7E7;
	color:#000;
	font-size:13px;
}
#pro table {
	width:290px;
	margin:0px auto 10px ;
	color:#000;
	font-size:13px;
}
#pro td {
padding:5px;
}
#pro .type_l {
border:solid 1px #999;
background-color:#FF5555;
}
#pro .type_r {
border:solid 1px #999;
width: 170px;
word-break: break-all;
}
div#honzitsu1{
margin:10px;
width:300px;
}
div#honzitsu1 li #honzitsu {
float:left;
}

.op{
	font-size: 16px;
	font-weight:600;
	
}
#option {
	width:290px;
	margin:0px auto 10px ;
	color:#000;
	font-size:13px;
	background-color: white;
}
#option td {
	padding:5px;
	border-bottom:1px #Fa6 dotted;
}
#option .op_type {
	padding-left:5px;

}

.tensen5 {
	border-bottom:1px #Fa6 dotted;
}

div.ninsyo{
width:300px;
margin:10px auto 10px;
}
div.ninsyo:after{
	content         :'';
	display         :block;
	clear           :both ;
}
div.ninsyo span a{
	text-align:center;
	width:115px;
	height:30px;
	float:left;
	color:#000;
	font-weight		:bold;
	text-shadow		:0 1px #FFF;
	padding-top:10px;
	margin:0px 15px 0px 10px;
	border:solid 2px #333;
	
	background-color:#CCC;
	background-image:-webkit-gradient(linear, left top , left bottom, from(rgba(255,255,255,0.9)),color-stop(50%,rgba(255,255,255,0.6)),to(rgba(255,255,255,0)));

	-webkit-border-radius	:8px;
	border-radius			:8px;
}

}

@media only screen and (orientation : landscape) { /*横向きの際に適用*/
#pro {
	position        :relative;
	margin:10px;
	border:solid 1px #999;
	border-color:#E7E7E7;
	color:#000;
	font-size:13px;
}
#pro table {
	width:290px;
	margin:0px auto 10px ;
	color:#000;
	font-size:13px;
}
#pro td {
padding:5px;
}
#pro .type_l {
border:solid 1px #999;
background-color:#FF5555;
}
#pro .type_r {
border:solid 1px #999;
}
div#honzitsu1{
margin:10px;
width:300px;
}
div#honzitsu1 li #honzitsu {
float:left;
}

.op{
	font-size: 16px;
	font-weight:600;
	
}
#option {
	width:290px;
	margin:0px auto 10px ;
	color:#000;
	font-size:13px;
	background-color: white;
}
#option td {
	padding:5px;
	border-bottom:1px #Fa6 dotted;
}
#option .op_type {
	padding-left:5px;

}

.tensen5 {
	border-bottom:1px #Fa6 dotted;
}

div.ninsyo{
width:460px;
margin:10px auto 10px;
}
div.ninsyo:after{
	content         :'';
	display         :block;
	clear           :both ;
}
div.ninsyo span a{
	text-align:center;
	width:180px;
	height:30px;
	float:left;
	color:#000;
	font-weight		:bold;
	text-shadow		:0 1px #FFF;
	padding-top: 10px;
	margin:0px 15px 0px 15px;
	border:solid 2px #333;
	
	background-color:#CCC;
	background-image:-webkit-gradient(linear, left top , left bottom, from(rgba(255,255,255,0.9)),color-stop(50%,rgba(255,255,255,0.6)),to(rgba(255,255,255,0)));

	-webkit-border-radius	:8px;
	border-radius			:8px;
}
}