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


p, h1, h2, h3, h4, h5, h6, h7, h8, ul {
	margin: 0px;
	padding: 0px;
}

li {
list-style:none;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color: #EDEDED;
}
#header {
	width: 800px;
       	height: 122px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	min-height: 100%;
	background-image: url(iap01/topbar04.gif);
	background-repeat: no-repeat;
}

#container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	min-height: 100%;
	background-image: url(iap01/back01.gif); /* 背景イメージを変更 */
}


#logo {
	position: relative;
	left: 20px;
	top: 20px;
}
#logobtn {   
	top: 20px;
	left: 10px;
        width:317px;
       	height: 48px;
	padding-top: 10px;

}
#hedbtn01 {   
	position: relative;
	margin-top: 15px;
	_margin-top: 8px;
	padding-top: 1px;
	left: 610px;
        width:210px;
       	height: 13px;
}   
        #hedbtn01 li {   
                display:inline;   
         	font-size: 13px;
                line-height:100%;   
                list-style-type:none;   
                padding: 1px 5px 0 15px;
                background:url(iap01/topmenu001m.gif) no-repeat left center;   
}   
        #hedbtn01 li a {   
                padding-right:10px;   
                color: #003399;
}
        #hedbtn01 li a:hover {   
                padding-right:10px;   
                color: #0099cc;
}

/* btn start */
#navibar {
	width: 160px;
	float: left;
	margin-top: 8px;
	margin-left: 4px;
	min-height: 1200px;
}
#navibar h2 {
	height: 22px;
	width: 160px;
	display: block;
	padding-top: 12px;
	padding-bottom: 9px;
        text-align: center;
        font-size:16px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", sans-serif;
        font-weight: bold;
        color: #949494;
	background-image: url(iap01/leidx01.gif);
	background-repeat: no-repeat;
	margin-left: 1px;
}
#navibar #inx01 {
	height: auto;
	width: 180px;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
        text-align: center;
        font-size:18px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", sans-serif;
        font-weight: bold;
        color: #FFFFFF;
	background-image: url(iap01/leidx01.gif);
	background-repeat: no-repeat;
	margin-left: 1px;
}
#navibar #inx02 {
	width: 180px;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
        text-align: center;
        font-size:18px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", sans-serif;
        font-weight: bold;
        color: #FFFFFF;
	margin-left: 1px;
	background-image: url(iap01/leidx01.gif);
	background-repeat: no-repeat;
}


.lebut01 a{
        display:block;
        width:140px;
        height:26px;
        margin:0 0 0 1px;
        padding: 12px 0 0 18px;
        color:#008D3A;
        text-align: left;
        text-decoration: none;
        font-size:13px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", sans-serif;
        font-weight: bold;
        border-left:1px solid #777777;
        border-right:1px solid #777777;
        border-top:1px solid #D1D1D1;
        border-bottom:1px solid #777777;
        background-color:#FFFFE2;
}
.lebut01 a:hover{
        color:#FF3300;
        background-color:#FFFFFF;
        text-decoration: underline;
}

#navibar #lebut02 {
	width:144px;
	height:12px;
}
.lebut02 a{
        display:block;
        width:140px;
        height:26px;
        margin:0 0 0 1px;
        padding: 10px 0 3px 18px;
        color:#008D3A;
        text-align: left;
        text-decoration: none;
        font-size:13px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", sans-serif;
        font-weight: bold;
        border-left:1px solid #777777;
        border-right:1px solid #777777;
        border-top:1px solid #D1D1D1;
        border-bottom:1px solid #777777;
        background-color:#FFFFE2;
}
.lebut02 a:hover{
        color:#FF3300;
        background-color:#FFFFFF;
        text-decoration: underline;
}


.spadlink01{
	font-size: 13px;
	color: #333333;
        text-align: center;
	margin-top: 15px;
	margin-bottom: 7px;
	padding-top: 1px;
	text-decoration: none;
}
.spadlink02{
	margin-top: 2px;
        text-align: center;
	margin-bottom: 5px;
	padding-top: 1px;
}


/* btn end */


#maincontent {
	width: 612px; /* 横幅を変更 */
	float: center;
	font-size: 12px;
	line-height: 16px;
	height: 100%; /* 高さを設定 */
        list-style-position:outside;
        margin-left: 165px;
}

/* maincontents */

#maincontent p {
	font-size: 12px;
	color: #666666;
	line-height: 20px;
}

#topimg01{
	height: 240px;	width: 616px;
	background-image: url(iap01/topimg002.jpg) ;
	background-repeat: no-repeat;
	margin-top: 7px;
	margin-right: 1px;
	margin-left: 9px;
}
#maincontent .topic01tx {
	font-size: 21px;
	font-weight: bold;
	color: #b80000;
	padding-top: 198px;
	padding-left: 350px;
}


h4 {
        font-size: 15px;
	color: #888888;
	font-weight: bold;
        width: 590px;
        margin-top: 4px;
        height: 28px;
	padding: 6px 0 0 15px;
        background-image: url(iap01/titbar01.gif) ;
        background-repeat: no-repeat;
}

.glayline001 {
        width: 560px;
	height: auto;
        margin-top: -6px;
        margin-left: 1px;
        padding: 14px;
        background-color: #FFFFFF;
        border-top: 1px solid #DFDFDF;
        border-right: 2px solid #DFDFDF;
        border-bottom: 4px solid #DFDFDF;
        border-left: 2px solid #DFDFDF;
}
.topic001 {
	height: 80px;
	margin-top: 8px;
	margin-left: 20px;
	margin-right: 3px;
	margin-bottom: 30px;
	width: 500px;
	padding-top: 4px;
}
#maincontent .font001 {
	font-size: 14px;
	color: #777777;
	font-weight: bold;
}
.topic002 {
	height: 80px;
	float: left;
	margin-top: 18%;
	_margin-top: 30px; /* IE6用 */
	margin-left: 20px;
	margin-right: 3px;
	width: 500px;
	padding-top: 1px;
        display: inline;
}

.topic003 {
	height: 134px;
	float: left;
	width: 260px;
	margin-top: 140px;
	_margin-top: 40px; /* IE6用 */
	margin-left: 28px;
	margin-bottom: 28px;
        display: inline;
}
#maincontent .tit03a{
		padding: 3px 5px 6px;
         	height: 16px;
                font-size: 15px;
        	font-weight: bold;
                color: #E0E0E0;
		border-left: 8px solid #65C6FF;
		border-bottom: 3px solid #65C6FF;

}
.topic003 img {
	float: left;
	margin-right: 5px;
	margin-top: 2px;
	padding-top: 8px;
        display: inline;
}

.topic004 {
	height: 134px;
	float: left;
	width: 260px;
	margin-top: 7px;
	margin-left: 28px;
        display: inline;
}
.topic004 img {
	float: left;
	margin-right: 5px;
	margin-top: 2px;
	padding-top: 8px;
        display: inline;
}

.topic005 {
	float: left;
	height: 120px;
	width: 550px;
	margin-top: 60px;
	margin-left: 14px;
	margin-bottom: 10px;
	padding-left: 10px;
}
.topic006 {
	float: left;
	height: 120px;
	width: 550px;
	margin-top: 290px;
	_margin-top: 20px;
	margin-left: 14px;
	margin-bottom: 60px;
	padding-left: 10px;
	padding-bottom: 80px;
}

/* footer */

#footer {
	clear: both;
	width: 100%;
	background-color: #E9FFDF;
	height: 70px;
        border-top: 2px solid #DADADA;
        border-right: 0 solid #DFDFDF;
        border-left: 0 solid #DFDFDF;

}

#footer .foot001 {
	font-size: 12px;
	color: #888888; 
	font-weight: normal;
	text-align: center;
	padding-top: 14px;
	letter-spacing: 1px; 
}


/* contents */

#maincontent .titbar001 {
        font-size: 13px;
	color: #666666;
	font-weight: bold;
        width: 590px;
        margin-top: 12px;
        margin-left: 20px;
        height: 28px;
	padding: 6px 0 0 15px;
        background-image: url(iap01/titbar01.gif) ;
        background-repeat: no-repeat;
}

#maincontent .font005 {
	font-size: 13px;
	color: #000099;
        margin-top: -4px;
	margin-left: 4px;
}
#maincontent .font006 {
	font-size: 12px;
	color: #000000;
        margin-top: -14px;
	padding-left:15px;
	padding-right:10px;
}
#maincontent .font007 {
	font-size: 13px;
	color: #663366;
	margin-left: 1px;
	padding-left: 6px;
	padding-top: 5px;
	padding-bottom: 4px;
        background-color:#FFFFCC;
        border-top: 1px solid #663366;
        border-bottom: 1px solid #663366;
}
#maincontent .font008 {
	font-size: 12px;
	color: #000000;
        margin-top: -14px;
	padding-left:26px;
	padding-right:10px;
	margin-bottom: 4px;
}

#maincontent .rimg001 {
        float: right;
        margin-left: 0;
        margin-right: 5px;
        margin-bottom: 4px;
}

#maincontent .red001 {
	font-size: 13px;
	color: #cc0000;
}
/* contents add01 */

#maincontent .add001 {
        float: left;
	margin-left: 45px;
	margin-top: 20px;
        display: inline;
}
#maincontent .font003 {
	font-size: 14px;
	color: #663366;
	font-weight: bold;
	margin-left: 1px;
	padding-left: 6px;
	padding-top: 5px;
	padding-bottom: 4px;
        background-color:#F1F1F1;
        border-top: 1px solid #663366;
        border-bottom: 1px solid #663366;
}
#maincontent .font003a {
	font-size: 13px;
	color: #666666;
	font-weight: bold;
        padding-top: 10px;
	padding-left: 10px;
        border-bottom: 2px solid #DFDFDF;
}
#maincontent .font003b {
	font-size: 14px;
	color: #666666;
	font-weight: bold;
        padding-top: 14px;
        border-bottom: 2px solid #DFDFDF;
}

#maincontent .titbar002 {
        width: 562px;
        margin-top: 30px;
        margin-left: 40px;
	padding: 1px 20px 20px 15px;
        display: inline;
}

.glayin002 {
        width: 560px;
	height: 800px;
        margin-top: -6px;
        margin-left: 20px;
        padding: 14px;
        background-color: #FFFFFF;
        border-top: 1px solid #DFDFDF;
        border-right: 2px solid #DFDFDF;
        border-bottom: 4px solid #DFDFDF;
        border-left: 2px solid #DFDFDF;
}
.glayin003 {
        width: 560px;
	height: auto;
        margin-top: -6px;
        margin-left: 20px;
        margin-bottom: 50px;
        padding: 14px;
        background-color: #FFFFFF;
        border-top: 1px solid #DFDFDF;
        border-right: 2px solid #DFDFDF;
        border-bottom: 4px solid #DFDFDF;
        border-left: 2px solid #DFDFDF;
}
.glayline004 {
        width: 560px;
	height: auto;
        margin-top: 170px;
        _margin-top: 10px;
        margin-left: 1px;
        padding: 4px;
        background-color: #FFFFFF;
        border-top: 1px solid #DFDFDF;
        border-right: 2px solid #DFDFDF;
        border-bottom: 4px solid #DFDFDF;
        border-left: 2px solid #DFDFDF;
}

#shopbut01 {   
	position: relative;
	margin-top: 15px;
	_margin-top: 8px;
	padding-left: 22px;
	padding-top: 3px;
	left: 10px;
        width:210px;
       	height: 28px;
        background:url(iap01/sbot001.gif) no-repeat left center;   
}   
        #shopbut01 li {   
                display:inline;   
         	font-size: 13px;
                line-height:100%;   
                list-style-type:none;   
                padding: 1px 5px 0 15px;
                background:url(iap01/sbot001.gif) no-repeat left center;   
}   
        #shopbut01 li a {   
                padding-right:10px;   
                color: #003399;
}
        #shopbut01 li a:hover {   
                padding-right:10px;   
                color: #0099cc;
}