@charset "utf-8";
/* CSS Document */

div#container .textArea ul li{
	margin-left:15px;
}

#container #vestArea #diplomat .caption ul li,
#container #vestArea #undershirt .caption ul li{
	list-style-type: square;
	margin-left:15px;
}

div#container div#vestArea div#diplomat ul li ,
div#container div#vestArea div#undershirt ul li{
	list-style-type: none;
}

#container #vestArea #diplomat .vesttype,
#container #vestArea #undershirt .vesttype{
	text-align: center;
	margin: 0 auto;
	width: 325px;
}

#container #vestArea #diplomat .vesttype h2,
#container #vestArea #undershirt .vesttype h2{
	margin: 10px 0 0 0;
}

div#vestArea{
	float: left;
	mmargin-bottom: 1em;
}

h2{
	margin:10px;
	font-size: 125%;
}

#container #description {
	width: 650px;
	text-align:center;
	font-size:125%;
	border-bottom: 1px solid #000;
}

#container #caution{
	border: 2px solid #000;
	background: #EEE;
	width: 600px;
	margin: 15px auto;
	padding: 8px;
}

dl dt ul li{
	margin-left: 15px;
}

dl dd ul li{
	margin-left: 15px;
}

div#vestArea div ul li a{
	color: #FFF;
	font-weight:700;
	background:#0f2c6e;
	padding: 5px;
	margin: 0px;	
	width: 305px;
	display:block;
}

div#vestArea div#diplomat div ul li{
	margin: 5px 3px 5px 0px;
}

div#vestArea div#undershirt div ul li{
	margin: 5px 0px 5px 3px;
}

dl dd{ margin-bottom:1em;}

table.weightchart{
	border: 1px solid #000;
	margin-bottom: 1em;
	border-collapse:collapse;
	background-color: #FFFFCB;
}

table.weightchart tr td{
	border: 1px solid #777;
}

p.tit{ 
	margin-bottom:0;
	border-left: 10px solid #ffd800;
	background:#003abe;
	color:#FFF;
	padding: 5px;
	font-size:105%;
}

/*ディプロマットのスタイルシート
--------------------------------------------------------*/

div#vestPhotoTop,div#vestTextTop{
	float:left;
	width: 325px;
}

.phototl{
	margin-top: 1em;
}

div#vestTextTop ul{
	margin-bottom:1em;
}

div#vestTextTop ul.explanatory{
	margin-bottom:0em;
}

div.match_up{
	margin-top:15px;
	clear:both;
	font-size: 110%;
}

div.match_up ul li{
	margin-left:15px;
}

div.vestChart{
	width: 535px;
	border: 1px solid #666;
	margin: 0 auto 1em auto;
	padding: 5px;
	bbackground-color: #FFFFCB;
}

div.vestSizeChart{
	width: 202px;
	float:left;
	border: 1px solid #666;
	margin-bottom: 4px;
	padding: 5px;
	background-color: #FFFFCB;
}

div.vestSizeChartPhoto{
	float:left;
	padding-left: 5px;

}

div.vestSizeChartLast{
	width: 202px;
	float:left;
	border: 1px solid #666;
	margin-bottom: 1em;
	padding: 5px;
	background-color: #FFFFCB;
}

div.chartcenter{
	margin-left: 4px;
	margin-right: 4px;
}

.order{
	margin-bottom: 3px;
	padding: 5px;
	text-align: center;
	width:200px;
	background:#0f2c6e;
}

.order a{
	color:#FFF;
	font-weight:700;
}


div.vestSizeChart ul li{
	margin-left:12px;
}

div.vestSizeChartLast ul li{
	margin-left:12px;
}

div#SubT{
	width: 650px;
	text-align:center;
}

div#SubT h2{
	text-align:center;
}

div.photolist{
	margin-bottom: 1em;
	clear:both;
	overflow: auto;
}

.photolist div.photolistleft{
	width:325px;
	float:left;
	text-align:center;
}

.photolist div.photolistright{
	width:325px;
	float:left;
	text-align:center;
}

div.photolist .caption{
	margin: 5px 0 1em 5px;
	clear:both;
	overflow: auto;
	text-align:left;
}

div.textArea.clear ul li,
div#vestPhotoTop .caption ul li,
div#vestTextTop ul li,
.photolistleft ul li,
.photolistright ul li,
.photolistsingle ul li{
	text-align:left;
	list-style-type: square;
	margin-left: 15px;
}

div.photolistsingle{
	margin-bottom: 1em;
	text-align:center;
}

div#underlink{
	border-top:2px solid #F00;
	clear:both;
	width:650px;
	text-align: right;
}

div#underlink ul li{
	float:right;
	border: 1px solid #000;
	margin: 5px 4px 10px 4px;
	padding: 3px 5px;
	color:#F00;
	font-weight:700;
	list-style-type: none;
}

#footer{
	clear:both;
	width: 650px;
	text-align:center;
}

div#photoL{
	margin: 0 auto;
	padding:0;
	text-align:center;
}

div#close{
	color:#F00;
	font-weight:700;
	width:650px;
	margin-top:1em;
}

#container #close p{
	txet-align: center;
	border: 1px solid #000;
	margin:0 auto;
	padding: 3px;
	width: 45px;
}

div#closeL{
	color:#F00;
	font-weight:700;
	width:800px;
	margin-top:1em;
}

#containerL #closeL p{
	txet-align: center;
	border: 1px solid #000;
	margin:0 auto;
	padding: 3px;
	width: 45px;
}

#footerL{
	clear:both;
	width: 800px;
	text-align:center;
}

.chart{
	margin:1em 0;
	background-color: #FFFFCB;
	border: 1px solid #666;
	border-collapse: collapse;
}


.chart tr td{
	margin:0 auto;
	padding: 5px;
	background-color: #FFFFCB;
	border: 1px solid #666;
}

.chartb{
	margin-top:1em;
	background-color: #FFFFCB;
	border: 1px solid #666;
	border-collapse: collapse;
}


.chartb tr td{
	margin:0 auto;
	padding: 5px;
	background-color: #FFFFCB;
	border: 1px solid #666;
}


.price{
	border: 1px solid #000;
	padding: 5px;
	width: 305px;
	margin:1em 0;
	font-size: 130%;
	text-align:center;
}

.redback{
	background:#F00;
	margin:1em 0;
	padding:5px 0px 5px 5px;
	width:645px;
}

.textwhite{
	color:#FFF;
	margin:0;
}

.movie{
	 smargin:0 auto;
	 text-align:center;
	 margin-bottom:1em;
}

.movietext{
	margin: 0 auto;
	width:480px;
}

div#jsdpahead{
	width:650px;
	margin-bottom:10px;
}

div#jsdpahead ul li{
	margin-left:15px;
}

div#jsdpatext{
	background:#E3E3E3;
	border: 1px solid #000;
	padding: 8px;
}

div#jsdpatext ul li{
	color:#CC0000;
}