@charset "shift_jis";
/* -----------------------------------------------------------------------
CSS Information

File name:     style.css
Style Info:    ArtTitle
----------------------------------------------------------------------- */

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

common

----------------------------------------------------------- */
.clear{ clear:both;}
a{ outline:none; }

/* clearfix */
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}

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

layout

----------------------------------------------------------- */
#container {
	margin: 0 auto;
	width: 780px;
	}
	#pageBody {
		margin: 10px auto 20px;
		width: 780px;
		}
		#contents {
			margin: 0 0 20px;
			text-align: center;
			}
			#contents_in {
				margin: 0 auto 10px;
				text-align: center;
				width: 780px;
				}
				#contents_area {
					margin: 0 auto 10px;
					width: 760px;
					background-color:#FFF;
					text-align: left;
					}

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

contentsInfo

----------------------------------------------------------- */
#contentsInfo{
	background-image: url(../images/headBg.gif);
	background-repeat: repeat-x;
	margin: 0 ;
	padding: 13px 0 0 5px;
	text-align: left;
	}
	#contentsInfo .txt{
		padding:0;
		margin:0;
		color:#cc0000;
		font-weight:bold;
		font-size:12px;
		}
	#contentsInfo .dtailApp{
		color:#666;
		font-weight:normal;
		font-size:10px;
		}

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

header_topics

----------------------------------------------------------- */
#header_topics { margin: 9px 0 0; }

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

ctbody

----------------------------------------------------------- */
#ctbody {
	padding: 0 0 15px;
	width: 760px;
	background: #ffdcc8;
	}
	
/* -----------------------------------------------------------

btnArea

----------------------------------------------------------- */
.btnArea {
	margin: 0 auto;
	padding: 22px 0 0;
	width: 690px;
	}
	.btnArea a {
		display:block;
		width: 690px;
		height: 78px;
		background: url(../images/btn01_bg.jpg) no-repeat 0 0;
		text-indent: -9999px;
		}
	.btnArea a:hover {
		background: url(../images/btn01_bg.jpg) no-repeat 0 -78px;
		}
	
/* -----------------------------------------------------------

stepArea

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

#stepArea {
	margin: 0 auto 20px;
	width: 730px;
	height: 280px;
	background: url(../images/step_bg.jpg) no-repeat top left;
	}
	#stepArea li.left {
		width: 360px;
		height: 280px;
		float:left;
		}
		#stepArea li.left a {
			display:block;
			margin: 210px auto 18px;
			width: 336px;
			height: 44px;
			text-indent: -9999px;
			background: url(../images/btn02_bg.jpg) no-repeat;
			}
		#stepArea li.left a:hover {
			background: url(../images/btn02_bg.jpg) no-repeat 0 -44px;
			}
		
	#stepArea li.right {
		width: 370px;
		height: 280px;
		float:right;
		}
		#stepArea li.right a {
			display:block;
			margin: 210px 0 18px 20px;
			width: 336px;
			height: 44px;
			text-indent: -9999px;
			background: url(../images/btn02_bg.jpg) no-repeat 0 -88px;
			}
		#stepArea li.right a:hover {
			background: url(../images/btn02_bg.jpg) no-repeat 0 -132px;
			}
			
/* -----------------------------------------------------------

btmArea

----------------------------------------------------------- */
#bottomArea {
	margin: 0 auto;
	width: 730px;
	height: 109px;
	background: url(../images/btmarea_bg.jpg) no-repeat top left;
	}
	#bottomArea li.left {
		width: 365px;
		height: 109px;
		float:left;
		}
		#bottomArea li.left a {
			display:block;
			margin: 52px 0px 25px 13px;
			width: 336px;
			height: 44px;
			text-indent: -9999px;
			background: url(../images/btn02_bg.jpg) no-repeat;
			}
		#bottomArea li.left a:hover {
			background: url(../images/btn02_bg.jpg) no-repeat 0 -44px;
			}
		
	#bottomArea li.right {
		width: 365px;
		height: 109px;
		float:right;
		}
		#bottomArea li.right a {
			display:block;
			margin: 52px 0px 25px 18px;
			width: 336px;
			height: 44px;
			text-indent: -9999px;
			background: url(../images/btn02_bg.jpg) no-repeat 0 -88px;
			}
		#bottomArea li.right a:hover {
			background: url(../images/btn02_bg.jpg) no-repeat 0 -132px;
			}
	
	
	
	

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

noticeArea - Cutomize

----------------------------------------------------------- */
#noticeArea {
	margin: 0 auto 20px;
	padding: 0 0 20px;
	width: 730px;
	background:url(../images/notice_bg.jpg) no-repeat bottom center;
	}

	#noticeArea dl {
		margin: 10px auto 0;
		width: 690px;
		}
		#noticeArea dl dt {
			margin: 0 0 10px;
			}
			#noticeArea dl dd{
				font-size:12px;
				color:#000;
				}
				#noticeArea dl dd p,
				#noticeArea dl dd ul{
					padding:0 14px;
					line-height:1.5;
					margin-top:5px;
					margin-bottom:5px;
					}
	#noticeArea .imp{
	font-weight:bold;
	color:#cc3b02;
	}