@charset "utf-8";
.cover {
	text-align: center;
}
.atama{	font-size: 120%;	color: #FF3366;
}
/**/
table.pro_t_ns {
	/*width: 80%;	border-color: #000080;*/	width: 700px;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0px 15px;
	font-size: 16px;
	border-radius: 5px;
	border-width: 1px;
	border-color: #000080;
}

.product_t a {
color:#483d8b;
	text-decoration: none;
}
.product_t a:hover {
	opacity: 0.5;	color: #483d8b;
	text-decoration: none;
}


table.pro_t_ns th,
table.pro_t_ns td {
	padding: 10px;
	width: auto;
}

table.pro_t_ns th {
	background-color: #dc143c;
	vertical-align: middle;
	text-align: left;
	width: 30%;
	overflow: visible;
	position: relative;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

td {
	background-color: rgba(255,255,255,0.9);
/*	background-color: #fff;	　padding: 20px;	font-size: 16px;*/
	font-weight: bold;	text-align: center;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.pro_bg {	background-position: center center; 
background-image: url("../images/bg01.png");
background-repeat: repeat-y;	box-sizing: border-box;	
}

table.pro_t_ns th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #dc143c;
    border-width: 10px;
    margin-top: -10px;
}

/**/
table.pro_t_ps {
		/*width: 80%;width: 700px;*/	width: 700px;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0px 15px;
	font-size: 16px;
	border-radius: 5px;
	border-width: 1px;
	border-color: #000080;
}
table.pro_t_ps th,
table.pro_t_ps td {
	padding: 10px;
	width: auto;
}
 
table.pro_t_ps th {
	background-color: #3399ff;
	vertical-align: middle;
	text-align: left;
	width: 30%;
	overflow: visible;
	position: relative;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

table.pro_t_ps th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #3399ff;
    border-width: 10px;
    margin-top: -10px;
}


/**/

table.pro_t {
	/*width: 70%;*/	width: 700px;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0px 15px;
	font-size: 16px;
	border-radius: 5px;
	border-width: 1px;
	border-color: #FF3366;
}
 
table.pro_t th,
table.pro_t td {
	padding: 10px;
	width: auto;
}
 
table.pro_t th {
	background-color: #ff3366;
	vertical-align: middle;
	text-align: left;
	width: 30%;
	overflow: visible;
	position: relative;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
 
table.pro_t th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #ff3366;
    border-width: 10px;
    margin-top: -10px;
}

/* firefox */
@-moz-document url-prefix() {
    table.pro_t th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #ff3366 10px solid;
        margin-top: -10px;
    }
}
 
/*table.pro_t td {
	background-color: #FFFFFF;
	width: 450px;
	padding-left: 20px;
	font-weight: bold;
	font-size: 16px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}*/
@media (max-width: 780px){
.pro_bg {	background-size: 100% auto;}
table.pro_t {width: 80%;}
table.pro_t_ns {width: 80%;}
table.pro_t_ps {width: 80%;}
	
	@media (max-width: 500px){
	/*
table.pro_t {
    width: 290px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 12px;
}

table.pro_t th {
	background-color: #ff3366;
	vertical-align: middle;
	text-align: left;
	width: 80px;
	overflow: visible;
	position: relative;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}
	
table.pro_t td {
	background-color: #FFFFFF;
	width: 220px;
	padding-left: 20px;
	font-weight: bold;
	font-size: 11px;
}*/
.cover img {
	width: 280px;
	height: auto;
}

	
}