@charset "Shift_JIS";

/*-------------------
 1.common elements
 2.common class
 3.page id
---------------------------*/

/*------------------------
  1.common elements
--------------------------*/


/*-- body,img共通 --*/
body {
 margin: 0;
 padding :0;
 background: #FFF;
 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
 color: #000;
 line-height:1.3em;
}

img { margin: 0; padding: 0; border: 0; }

/*-- hn, a --*/
h1 {margin:0; padding:0;}
h2 {margin:0; padding:0;}
h3 {margin:0; padding:0 0 0 20px;}
h4 {margin:0; padding:0;}

ol, ul {list-style:none;}

a {color:#0070cb;}
a:visited {color:#800080;}
a:hover {color:#f00;}

/*-- div#syn --*/
div#syn {width:100%;}

/*-- clearfix --*/

.clearFix:after {   
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearFix {
	display: block; /* for safari firefox3 */
	zoom: 1;  /* for IE 7*/
}

* html .clearFix {
	display: inline-block; /* for IE6 */
}

*:first-child+html .clearFix {
	display: inline-table;
}/* end hacks */

/*-------------------------
  2.common class
---------------------------*/
/*-- float --*/
div#syn .fl { float: left; }
div#syn .fr { float: right; }
div#syn .cl { clear: both; }

/*-- float --*/
div#syn .ac { text-align: center; }
div#syn .al { text-align: left; }
div#syn .ar { text-align: right; }

/*------------------------
  3.page id
   3-0.共通id
--------------------------*/

/********************************************/
/*　3-0.共通id                              */
/********************************************/
#syn #pen {
  width:800px;
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
  text-align:left;
}

/* 詳細
------------------------------------------*/
#syn #MainCon {
  padding-bottom:26px;
}

#syn #MainCon ul {
	margin:0;
  padding:0;
}

#syn #MainCon ul li {
  color:#333333;
}
#syn #MainCon ul li .large {font-size:110%; line-height:150%;}

#syn #MainCon p.btn {text-align:center;}


/* headfoot
------------------------------------------*/
#syn #pen #header {font-size:90%;}
#syn #pen #footer {font-size:80%;}
#syn #pen #footer_navi {font-size:65%;}
#syn #pen #footer_navi td#fotter_navi {padding:0 10px;}


/* mainTitleArea
------------------------------------------*/
#syn .mainTitleArea {
	position: relative;
	height: 56px;
}
#syn .mainTitleArea .logo {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
}


/* reset
------------------------------------------*/
#MainCon p {
	padding: 0;
	margin: 0;
	color: #333333;
}

/* section
------------------------------------------*/
#syn #MainCon .section {
	padding: 20px;
	font-size: 83%;
}
#syn #MainCon .section .left {
	float: left;
	width: 540px;
}
#syn #MainCon .section .right {
	float: right;
	width: 190px;
}
#syn #MainCon .section .iconList {
	margin-top: 10px;
	padding-left: 12px;
}
#syn #MainCon .section .iconList li {
	margin-top: 5px;
	padding-left: 13px;
	background: url(../img/index_ic01.gif) no-repeat 0 0.6em;
}
* html #syn #MainCon .section .iconList li {
	height: 1%;
}
#syn #MainCon .section .iconList ul {
	margin-top: 5px;
}
#syn #MainCon .section .iconList ul li {
	background: none;
	margin: 0;
	padding-left: 1em;
	text-indent: -1em;
}


/* bt-col
------------------------------------------*/
#MainCon .btCol {
	clear: both;
	text-align: center;
}


/* margin
------------------------------------------*/
.mt3 {
	margin-top: 3px!important;
}

.mt5 {
	margin-top: 5px!important;
}

.mt10 {
	margin-top: 10px!important;
}

.mt15 {
	margin-top: 15px!important;
}

.mt20 {
	margin-top: 20px!important;
}

.mt25 {
	margin-top: 25px!important;
}

.mt30 {
	margin-top: 30px!important;
}

/* padding
------------------------------------------*/
.pb20 {
	padding-bottom: 20px!important;
}

.pb25 {
	padding-bottom: 25px!important;
}

.pb30 {
	padding-bottom: 30px!important;
}