@charset "shift_jis";

body{
	margin: 0px;
	padding:0px;
	}



/*============　ページ全体　============*/

#container{
	width:100%;
	background-image: url(../support/images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

.container{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	
}

/*============　ヘッダ部　============*/
#title{
	width:950px;
	margin-bottom: 40px;
}

#title a { color: #6f6f6f; text-decoration: none; }
#title a:hover { color: #004cff; text-decoration: underline;}

#tgl a { color: #6f6f6f; font-size: 0.8em; text-decoration: none; }
#tgl a:hover { color: #004cff; text-decoration: underline;}

.title  {
　　color: #6f6f6f;
　　font-size: 0.8em; 
}

	

/*============　ページボディ部　============*/

#pagebody{
width:910px;
margin:0;
padding:40px 0 0 0;
}

.pagebody{
}

/*============　サイド部　============*/
#side{
　　margin: 0px;
　　padding:0px;
	float :left;
	width:210px;
	height:auto;
	text-align:center;
}


.side{
	
	}

/*============　ナビ部　============*/

#navi{
　　width:180px;
　　height:auto;
　　margin:0;
　　padding:0;
}

#navi ul,#navi li{
margin:0;
padding:0 0 0 11px;
height:auto;
list-style:none;
text-align:left;

}
#navi li{
display:inline;
line-height:0;
width:auto;
height:auto;
padding:0px 0px;
}
#navi a,#navi a:link #navi a:visited{
text-decoration:none;
color:#6f6f6f;
font-size: 0.8em; 
background-color:#ffffff;
display:block;
border-bottom:1px dotted #cdcdcd;
padding:8px 8px;
width:180px;
height:auto;
line-height:normal;
}
#navi a:hover{
color:#004cff;
font-size: 0.8em; 
text-decoration: underline;
background-color:#fff0ea;
}

/*============　コンテンツ部　============*/

h1,h2,ul,li,img,a {
	margin: 0px;
	padding: 0px;
}

div,p {
	margin: 0px;
	padding: 0px;
}

.paddingT20 {
	padding-top: 20px;
}

.paddingT30 {
	padding-top: 30px;
}

div#present {
	float: left;
	width: 950px;
}

div#present div.textArea {
	text-align: left;
	background-color: #DFF2FC;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
	float: left;
	width: 930px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

div#present div.textArea p {
	font-size: 16px;
	line-height: 180%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

div#present div.textArea p.clear {
	margin: 0px;
	padding: 0px;
}

div#present div.textArea h2 {
	margin-bottom: 20px;
	width: 930px;
	height: 73px;
	display: block;
	color: #565656;
}

div#present div.textArea h2 span {
	color: #006699;
}

div#present div.textArea h2 img {
	float: left;
}

div#present div.textArea h2 div#period {
	float: right;
	width: 540px;
	padding-right: 10px;
	text-align: right;
	margin-top: 22px;
	font-size: 20px;
}

div.p_box {
	width: 910px;
	margin-left: 10px;
	padding: 18px;
	border: 7px solid #76BEE2;
	background-color: #FFFFFF;
	float: left;
	margin-bottom: 20px;
}

div.p_box div.img {
	float: left;
	width: 200px;
}

div.p_box div.img img {
	background-color: #E0E0E0;
	border: 5px solid #E0E0E0;
	width: 190px;
}

div.p_box div.commodity {
	float: right;
	width: 660px;
	height: 150px;
}


div.p_box div.commodity table {
	width: 660px;
	height: 150px;
}

div.p_box div.commodity table tr th {
	width: 450px;
	font-size: 18px;
	font-weight: bold;
	padding-right: 20px;
	padding-left: 20px;
	color: #006699;
	text-align: left;
	margin: 0px;
}

div.p_box div.commodity table tr td  {
	text-align: right;
	margin: 0px;
	padding: 0px;
	width: 190px;
}


div.p_box div.commodity table tr td span.number {
	font-size: 50px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ5";
	color: #d50000;
}

div.p_box div.commodity table tr td span.name {
	font-size: 25px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ5";
	color: #d50000;
	padding-right: 20px;
}

div#detailArea {
	width: 930px;
	float: left;
}

div#detailArea h3 {}

div#detailArea div#left {
	float: left;
	width: 455px;
}

div#detailArea div#left div {
	width: 425px;
	margin-left: 10px;
	padding: 18px;
	border: 7px solid #bfbfbf;
	background-color: #FFFFFF;
	height: 250px;
	clear: both;
}

div#detailArea div#right {
	float: right;
	width: 455px;
	margin-left: 20px;
}

div#detailArea div#right div {
	width: 425px;
	margin-left: 10px;
	padding: 18px;
	border: 7px solid #bfbfbf;
	background-color: #FFFFFF;
	height: 250px;
}



/*============　アンダー部　============*/

div#submenuArea ul {
}

div#submenuArea ul li {
	float: left;
	display: block;
	background-image: url(../top_img/submenu_bg.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 10px;
	font-weight: normal;
}

/* ---------------------------------------------------------- */

#campaign {
	width: 910px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 40px;
}

#campaign h1 {
	margin: 0px;
	padding: 0px;
}

.text-box {
	width: 800px;
	padding-right: 55px;
	padding-left: 55px;
	text-align: left;
	background-color: #013A95;
	padding-bottom: 55px;
}

.text-box h2 {
	margin-top: 20px;
}

.text-box p {
	text-align: left;
	line-height: 1.5em;
	margin-top: 15px;
	color: #FFF;
	width: 100%;
}

.text-box p.none {
	margin-top: 0px;
}

.text-box p.block {
	background-color: #FBE2B9;
	width: 800px;
	margin-bottom: 15px;
}

.text-box p.block span {
	display: block;
	padding: 20px;
	color: #231815;
}

/* ----------------------------------------------
   cont-box
---------------------------------------------- */

.text-box .cont-box {
	background-image: url(images/box_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 800px;
	background-color: #0943A1;
	margin-top: 30px;
	padding-top: 30px;
	padding-bottom: 20px;
}

.text-box .cont-box table {
	margin-top: 0px;
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 0px;
}

.text-box .cont-box th {
	color: #FFF;
	font-size: 0.85em;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(images/star.gif);
	background-repeat: no-repeat;
	background-position: left 5%;
	padding-left: 10px;
	width: 100px;
	vertical-align: text-top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

.text-box .cont-box td {
	color: #FFF;
	font-size: 0.85em;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 150%;
	vertical-align: text-top;
	padding: 5px;
}

.text-box .cont-end {
	background-image: url(images/box_bottom.gif);
	background-repeat: no-repeat;
	width: 800px;
	background-position: left top;
	display: block;
	height: 10px;
}

/* ----------------------------------------------
   class
---------------------------------------------- */

.alignC {
	text-align: center;
}

.alignL {
	text-align: left;
}

.alignR {
	text-align: right;
}

.marginT20 {
	margin-top: 20px;
}

.marginB12 {
	margin-bottom: 12px;
}

.marginL5 {
	margin-left: 5px;
}

.marginL10 {
	margin-left: 10px;
}

.marginL15 {
	margin-left: 15px;
}

.color1 {
	color: #4BBECF;
}

.color2 {
	color: #E61874;
}

.mCenter {
	margin-left: 145px;
}

.mCenter2 {
	margin-left: 128px;
}