@charset "utf-8";
@import "base.css";

/*----------------------------------
	about　contents
----------------------------------*/
#about #main{display: block; color: #663333;}
#about #main .contents{}

/*----------------------------------
	区切り線
----------------------------------*/
#main .contents p.separate{display: block; width: 760px; margin: 0;height:30px; background: url(../about/bg_separate.gif) no-repeat center center #FFFBF6; line-height:0.1;}

/*----------------------------------
	見出し
----------------------------------*/
#main .contents h2{padding-left: 35px; line-height: 1;}

/*----------------------------------
	Youtube
----------------------------------*/
#about #main .contents .objct{width :380px; height: 284px; background: #121212; margin: 0 0 10px 0;}

/*----------------------------------
	ブロック
----------------------------------*/
#about div#block01{display: block; width: 760px; background: url(../about/frame_top.gif) no-repeat center top ; padding: 10px 0 ;}
#about div#block02{display: block; width: 760px; background: url(../about/frame_body.gif) repeat-y center top ; padding: 10px 0;}
#about div#block03{display: block; width: 760px; background: url(../about/frame_body.gif) repeat-y center top ; padding: 10px 0;}
#about div#block04{display: block; width: 760px; background: url(../about/frame_body.gif) repeat-y center top ; padding: 10px 0;}
#about div#block05{display: block; width: 760px; background: url(../about/frame_bottom.gif) no-repeat center bottom ; padding: 10px 0;}

/*----------------------------------
	ブロック01
----------------------------------*/
#about div#block01 .blockBg{ background: url(../about/block01_line01_01.jpg) no-repeat 510px 30px;}
#about div#block01 dl{display: block; width: 680px; margin: 10px 30px 20px 50px; }
#about div#block01 .logoDSiWare {margin: 10px 0 0 30px;}
#about div#block01 .line01{display: block; width: auto; padding: 0 0 20px 0; margin: 0 0 20px 0;}
#about div#block01 .line01 p{width: 455px;}
#about div#block01 .line02{ height: 215px;background: url(../about/block01_line02_02.jpg) no-repeat right;}
#about div#block01 .line02 div.table{display: block; width: 340px; height: 202px; background: url(../about/block01_line02_01.gif) no-repeat;}
#about div#block01 .line02 table{display: none;}


/*----------------------------------
	ブロック02
----------------------------------*/
#about div#block02 .blockBg{position: relative;}
#about div#block02 dl{display: block; width: 680px; margin: 10px 30px 20px 50px; }
#about div#block02 .line01{display: block; width: 440px; height: 4em; position: absolute; top:0; right:30px; line-height: 1.5em;}
#about div#block02 .line02{min-height: 284px; margin-top: 10px; padding: 20px 0 0 0; background: url(../about/block02_line02_01.gif) no-repeat right;}
#about div#block02 .line02 p{width: 380px; height: 20px; text-align: center;}

/*----------------------------------
	ブロック03
----------------------------------*/
#about div#block03 .blockBg{position: relative;}
#about div#block03 dl{display: block; width: 680px; margin: 10px 30px 20px 50px; }
#about div#block03 .line01{display: block; width: 440px; height: 4em; position: absolute; top:0; right:30px; line-height: 1.5em;}
#about div#block03 .line02{min-height: 284px; margin-top: 10px; padding: 20px 0 0 0; background: url(../about/block03_line02_01.gif) no-repeat right;}
#about div#block03 .line02 p{width: 380px; height: 20px; text-align: center;}

/*----------------------------------
	ブロック04
----------------------------------*/
#about div#block04 .blockBg{position: relative;}
#about div#block04 dl{display: block; width: 680px; margin: 10px 30px 20px 50px; }
#about div#block04 .line01{display: block; width: 480px; position: absolute; top:0; right:30px; line-height: 1.5em;}
#about div#block04 .line02{margin: 10px 0 20px 0; padding: 20px 0 0 0;}
#about div#block04 .line02 p.note{margin: 10px 0 0 0 ;}
#about div#block04 .line02 ul {display: block; margin: 0 0 0 15px;}
#about div#block04 .line02 ul li{display: block; float: left; width:186px height: 235px; padding: 0 0 10px 0;}
#about div#block04 .line02 ul img{margin-right: 40px;}
#about div#block04 .line02 ul li.li_03 img,
#about div#block04 .line02 ul li.li_06 img{margin-right: 0px;}

#about div#block04 div.box01{padding: 10px; border: 2px solid #829c1c; color: #333;}
#about div#block04 div.box01 h3{margin-bottom:0.5em; font-size: 120%; line-height: 1;}
#about div#block04 div.box01 h3 span{font-size: 80%;}
#about div#block04 div.box01 p{line-height: 1.5;}


/*----------------------------------
	ブロック05
----------------------------------*/
#about div#block05 dl{display: block; width: 680px; margin: 10px 30px 20px 50px; }
#about div#block05 .line01{height: 284px;}
#about div#block05 .objct{float: left;}
#about div#block05 .line01 p{float: left;}
#about div#block05 .line01 p img{margin: 20px 0 0 20px;}