/* CSS Document */
HTML {margin:0px; padding:0px; font-style: normal; list-style-type:none;}
/*BODY {margin:0px; padding:0px; font-style: normal; list-style-type:none;background-color:#FFFFCC;}*/
BODY {margin:0px; padding:0px; font-style: normal; list-style-type:none; background-image:url(img/back-img.jpg); background-repeat:repeat-y; background-color:#FFFFCC; background-attachment:fixed;}
DIV {margin:0px; padding:0px; font-style: normal; list-style-type:none;}
UL {margin:0px; padding:0px; font-style: normal; list-style-type:none;}
OL {margin:0px; padding:0px; font-style: normal; list-style-type:none;}
LI {margin:0px; padding:0px; font-style: normal; list-style-type:none;}
H1 {margin:0px; padding:0px; font-style: normal; list-style-type:none;}
H2 {margin:0px; padding:0px; font-style: normal; list-style-type:none;}
H3 {margin:0px; padding:0px; font-style: normal; list-style-type:none;}
H4 {margin:0px; padding:0px; font-style: normal; list-style-type:none;}
H5 {margin:0px; padding:0px; font-style: normal; list-style-type:none;}
H6 {margin:0px; padding:0px; font-style: normal; list-style-type:none;}
P {margin:0px; padding:0px; font-style: normal; list-style-type:none;}
A {margin:0px; padding:0px; font-style: normal; list-style-type:none; color:#0099FF;}
IMG {margin:0px; padding:0px; font-style: normal; list-style-type:none; border:0px;}
DL {margin:0px; padding:0px; font-style: normal; list-style-type:none;}
DT {margin:0px; padding:0px; font-style: normal; list-style-type:none;}
DD {margin:0px; padding:0px; font-style: normal; list-style-type:none;}
FORM {margin:0px; padding:0px; font-style: normal; list-style-type:none;}
A:link {COLOR: #0077cc;}
A:visited {COLOR: #2b74f0;}
A:hover {COLOR: #FF689B;}

/* 全体ページ設定------------------------------------------------
基本的に文章は#666666
※印などはクラス「red」を使用。
#0099FF…トップページに使われている青い文字
#FF9900…文章の段落に使用する太文字
#FFFFCC…全ページの背景に設定している色
#FF689B…全体のページにあるピンク色の基本色（文字リンクマウスオーバーカラー）
*/

/* 全ページ設定------------------------------------------------ */
#head h1{font-size:10px;font-weight:100;margin:3px 0px 0px 5px;padding:0px;}
#head h2{margin:0px;padding:0px;float:left;}

#sidemenu { /* サイドメニュー横幅 */
margin:0px;padding:0px;width:160px;background-image:url(img/side-back.jpg);}
ul.sikaku li { /* 全体ページのh4項目下 */
margin:0px 0px 0px 30px;list-style-image:url(img/ten.jpg);}
.red{ /* 重要場所の※印など */color:#FF0000;font-size:13px;}
.blue{/* サイト内の重要文字 */color:#0077FF;font-size:13px;}
.font10px{font-size:10px;}
.fontred10px{/* 会社概要などの小さい赤い字 */color:#FF0000;font-size:10px;}
.font13px{/* サイト内の重要文字 */font-size:13px;}

#headlink {width:528px; text-align:center; clear:both;}
#headlink ul { list-style:none; float:left; width:528px;}
#headlink ul li { display:inline; FLOAT:left;}
.headlink1 a{background:url(img/head-005.jpg) no-repeat left top; text-indent:-9999px; display:block; width:124px; height:34px; text-decoration:none; margin:0px;}
.headlink2 a{background:url(img/head-006.jpg) no-repeat left top; text-indent:-9999px; display:block; width:107px; height:34px; text-decoration:none; margin:0px;}
.headlink3 a{background:url(img/head-007.jpg) no-repeat left top; text-indent:-9999px; display:block; width:92px; height:34px; text-decoration:none; margin:0px;}
.headlink4 a{background:url(img/head-008.jpg) no-repeat left top; text-indent:-9999px; display:block; width:92px; height:34px; text-decoration:none; margin:0px;}
.headlink5 a{background:url(img/head-009.jpg) no-repeat left top; text-indent:-9999px; display:block; width:113px; height:34px; text-decoration:none; margin:0px;}
#headlink ul li a:hover{background-position:0px -35px;}

.rightbanner{margin:5px 0px 0px 0px;}





/* 全ページ内容部分設定------------------------------------------------ */
#main {font-size:12px;color:#FF9900;background-color:#FFFFFF;}
#main h4 {font-size:14px;margin:3px 0px 3px 5px;padding:0px;color:#FF0066;}
#main2 {margin:0px auto 0px auto;width:580px;font-size:12px;color:#555555;line-height:150%;}
#main3 {margin:0px auto 0px auto;width:540px;font-size:12px;color:#555555;line-height:150%;}

#syousai a{background:url(img/syousai.jpg) no-repeat left top; text-indent:-9999px; display:block; width:108px; height:35px; text-decoration:none; margin:0px 0px 0px 440px;}
#syousai a:hover{background-position:0px -35px;}

.right{ /*右寄せ*/text-align:right;}

.syasin{ /*濃い赤色の太字部分*/
font-size:15px;margin:0px 0px 0px 15px; color:#990000;}

#cyu-toi{margin:0px auto 0px auto; padding:0px; clear:both; width:450px; height:80px;}
#cyu-toi ul{margin:0px; padding:0px; list-style-type:none;}
.main-toi{margin:0px; padding:0px; float:left;}
.main-cyu{margin:0px; padding:0px; float:right;}
.main-toi a{background:url(img/toi-01a.jpg) no-repeat left top; text-indent:-9999px; display:block; width:217px; height:73px; text-decoration:none; margin:0px; float:left;}
.main-toi a:hover{background-position:0px -73px;}
.main-cyu a{background:url(img/mitu-01a.jpg) no-repeat left top; text-indent:-9999px; display:block; width:217px; height:73px; text-decoration:none; margin:0px; float:right;}
.main-cyu a:hover{background-position:0px -73px;}

#mainbun {background:url(img/top-001.jpg) no-repeat left top; text-indent:-9999px; display:block; width:690px; height:60px; text-decoration:none; margin:0px auto 0px auto;}

#pankuzu{width:600px; height:20px; margin:10px 0px 0px 20px; padding:0px;}






#all{margin:0px; padding:0px; width:100%;}
#header{width:930px; margin:0px; padding:0px; height:89px;}
#header h1{font-size:10px;font-weight:100;margin:3px 0px 0px 5px;padding:0px; text-align:left;}
#header1{width:160px; margin:0px; padding:0px; float:left;}
#header2{width:46px; margin:0px; padding:0px; float:left;}
#header3{width:528px; margin:0px; padding:0px; float:left;}
#header4{width:196px; margin:0px; padding:0px; float:right;}
#mainall {width:930px; margin:0px; padding:0px; font-size:12px; background-image:url(img/side-back.jpg); background-repeat:repeat-y;}
#mainall1{width:160px; margin:0px; padding:0px; float:left;}
#mainall2{width:660px; margin:0px; padding:0px; float:left; background-color:#FFFFFF;}
#mainall3{width:110px; margin:0px; padding:0px; float:right; background-color:#FFFFFF;}



/*===========================================================================
　　トップページ設定
===========================================================================*/

#sirase1 { /* トップページお知らせ */
width:400px;font-size:12px;color:#666666;line-height:150%;float:left;padding:5px 5px 0px 5px;}

#sirase2 { /* 新着作品 */
width:240px;font-size:12px;color:#666666;line-height:130%;float:right;padding:5px 0px 0px 0px;}
.sirase2img {border:1px solid #666666; padding:3px;}


.top-bun1{ /* トップページの文章 */
width:570px;padding:5px 0px 5px 0px;margin:auto;font-size:12px;color:#0099FF;line-height:150%;}
.top-bun2{ /* トップページの文章 */
width:570px;margin:0px auto 0px auto;font-size:12px;color:#0099FF;line-height:150%;}
.top-bun3{ /* トップページの文章 */
width:260px;margin:0px 0px 5px 20px;font-size:12px;color:#666666;line-height:150%;}


/* トップ企画部分------------------------------------------------------------ */
#kikaku {width:500px; margin:0px auto 0px auto; padding:0px;}

/* トップ初心者部分------------------------------------------------------------ */
#top-syo a{background:url(img/top-007c.jpg) no-repeat left top; text-indent:-9999px; display:block; width:146px; height:57px; text-decoration:none;}
#top-syo a:hover{background-position:0px -57px;}

/* トップサンプル部分------------------------------------------------------------ */
#top-sam a{background:url(img/top-004c.jpg) no-repeat left top; text-indent:-9999px; display:block; width:126px; height:70px; text-decoration:none;}
#top-sam a:hover{background-position:0px -70px;}



/*===========================================================================
　　サイドメニュー設定
===========================================================================*/
.font10px{font-size:10px;}

.sidemenu-001 a{background:url(img/side/side-001.jpg) no-repeat left top; text-indent:-9999px; display:block; width:160px; height:139px; text-decoration:none; margin:0px;}
.sidemenu-002 a{background:url(img/side/side-002.jpg) no-repeat left top; text-indent:-9999px; display:block; width:160px; height:33px; text-decoration:none;}
.sidemenu-002 a:hover{background-position:0px -33px;}
.sidemenu-003 a{background:url(img/side/side-003.jpg) no-repeat left top; text-indent:-9999px; display:block; width:160px; height:33px; text-decoration:none;}
.sidemenu-003 a:hover{background-position:0px -33px;}
.sidemenu-004 a{background:url(img/side/side-004.jpg) no-repeat left top; text-indent:-9999px; display:block; width:160px; height:33px; text-decoration:none;}
.sidemenu-004 a:hover{background-position:0px -33px;}
.sidemenu-005 a{background:url(img/side/side-005.jpg) no-repeat left top; text-indent:-9999px; display:block; width:160px; height:33px; text-decoration:none;}
.sidemenu-005 a:hover{background-position:0px -33px;}
.sidemenu-006 a{background:url(img/side/side-006.jpg) no-repeat left top; text-indent:-9999px; display:block; width:160px; height:53px; text-decoration:none;}
.sidemenu-006 a:hover{background-position:0px -53px;}
.sidemenu-007 a{background:url(img/side/side-007.jpg) no-repeat left top; text-indent:-9999px; display:block; width:160px; height:33px; text-decoration:none;}
.sidemenu-007 a:hover{background-position:0px -33px;}
.sidemenu-008 a{background:url(img/side/side-008.jpg) no-repeat left top; text-indent:-9999px; display:block; width:160px; height:33px; text-decoration:none;}
.sidemenu-008 a:hover{background-position:0px -33px;}
.sidemenu-009 a{background:url(img/side/side-009.jpg) no-repeat left top; text-indent:-9999px; display:block; width:160px; height:33px; text-decoration:none;}
.sidemenu-009 a:hover{background-position:0px -33px;}
.sidemenu-010 a{background:url(img/side/side-010.jpg) no-repeat left top; text-indent:-9999px; display:block; width:160px; height:40px; text-decoration:none;}
.sidemenu-010 a:hover{background-position:0px -37px;}
.sidemenu-011 a{background:url(img/side/side-011.jpg) no-repeat left top; text-indent:-9999px; display:block; width:160px; height:33px; text-decoration:none;}
.sidemenu-011 a:hover{background-position:0px -33px;}
.sidemenu-012 a{background:url(img/side/side-012.jpg) no-repeat left top; text-indent:-9999px; display:block; width:160px; height:53px; text-decoration:none;}
.sidemenu-012 a:hover{background-position:0px -53px;}
.sidemenu-013 a{background:url(img/side/side-013.jpg) no-repeat left top; text-indent:-9999px; display:block; width:160px; height:54px; text-decoration:none;}
.sidemenu-013 a:hover{background-position:0px -56px;}
.sidemenu-014 a{background:url(img/side/side-014.jpg) no-repeat left top; text-indent:-9999px; display:block; width:160px; height:33px; text-decoration:none;}
.sidemenu-014 a:hover{background-position:0px -33px;}
.sidemenu-015 a{background:url(img/side/side-015.jpg) no-repeat left top; text-indent:-9999px; display:block; width:160px; height:33px; text-decoration:none;}
.sidemenu-015 a:hover{background-position:0px -33px;}
.sidemenu-016{background:url(img/side/qrcode.png) no-repeat left top; text-indent:-9999px; display:block; width:123px; height:123px; text-decoration:none; margin:0px;}
.sidemenu-017 a{background:url(img/side/side-016.jpg) no-repeat left top; text-indent:-9999px; display:block; width:160px; height:33px; text-decoration:none;}
.sidemenu-017 a:hover{background-position:0px -33px;}


#sidemenu-map {background:url(img/side/side-map.jpg) no-repeat left top; text-indent:-9999px; display:block; width:160px; height:225px; text-decoration:none; margin:0px;}
#sidemenu-oki a{background:url(img/banner2.jpg) no-repeat left top; text-indent:-9999px; display:block; width:88px; height:31px; text-decoration:none; margin:0px;}
#sidemenu-blog a{background:url(img/banner-blog.jpg) no-repeat left top; text-indent:-9999px; display:block; width:120px; height:110px; text-decoration:none; margin:0px;}
#sidemenu-ec a{background:url(img/banner-ec.jpg) no-repeat left top; text-indent:-9999px; display:block; width:120px; height:110px; text-decoration:none; margin:0px;}
#sidemenu-qr{background:url(img/side/qrcode.png) no-repeat left top; text-indent:-9999px; display:block; width:123px; height:153px; text-decoration:none; margin:0px;}
#sidemenu-twitter a{background:url(img/banner3.png) no-repeat left top; text-indent:-9999px; display:block; width:125px; height:52px; text-decoration:none; margin:0px;}


/*===========================================================================
　　サブページ設定
===========================================================================*/

/* ページごとの上部部分------------------------------------------------------------ */
#subhead-01{background:url(img/top-001.jpg) no-repeat left top; text-indent:-9999px; display:block; width:690px; height:115px; text-decoration:none;}

/* ページごとのタイトル部分------------------------------------------------------------ */
#subtitle-02{background:url(img/title/page-name002.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-03{background:url(img/title/page-name003.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-04{background:url(img/title/page-name004.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-05{background:url(img/title/page-name005.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-06{background:url(img/title/page-name006.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-07{background:url(img/title/page-name007.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-08{background:url(img/title/page-name008.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-09{background:url(img/title/page-name009.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-10{background:url(img/title/page-name010.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-11{background:url(img/title/page-name011.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-12{background:url(img/title/page-name012.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-13{background:url(img/title/page-name013.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-14{background:url(img/title/page-name014.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-15{background:url(img/title/page-name015.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-16{background:url(img/title/page-name016.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-17{background:url(img/title/page-name017.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-18{background:url(img/title/page-name018.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-19{background:url(img/title/page-name019.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-20{background:url(img/title/page-name020.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-21{background:url(img/title/page-name021.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-22{background:url(img/title/page-name022.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-23{background:url(img/title/page-name023.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-24{background:url(img/title/page-name024.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-25{background:url(img/title/page-name025.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-26{background:url(img/title/page-name026.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-27{background:url(img/title/page-name027.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-28{background:url(img/title/page-name028.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}
#subtitle-29{background:url(img/title/page-name029.jpg) no-repeat left top; text-indent:-9999px; display:block; width:620px; height:60px; text-decoration:none; margin:0px 0px 0px 25px;}




/* beginner.html部分------------------------------------------------------------ */
#beginner-001 {background:url(img/sub/title/beginner-title01.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}
#beginner-002 {background:url(img/sub/title/beginner-title02.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}
#beginner-003 {background:url(img/sub/title/beginner-title03.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}
#beginner-004 {background:url(img/sub/title/beginner-title04.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}
#beginner-005 {background:url(img/sub/title/beginner-title05.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}
#beginner-006 {background:url(img/sub/title/beginner-title06.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}
#beginner-007 {background:url(img/sub/title/beginner-title07.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}
#beginner-008 {background:url(img/sub/title/beginner-title08.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}
#beginner-begi {background:url(img/sub/begi01.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:265px; text-decoration:none; margin:0px;}

/* designer.html部分------------------------------------------------------------ */
#designer-001 {background:url(img/sub/title/designer-title01.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}
#designer-002 {background:url(img/sub/title/designer-title02.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}
#designer-003 {background:url(img/sub/title/designer-title03.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}
#designer-main {background:url(img/designer/main.jpg) no-repeat left top; text-indent:-9999px; display:block; width:250px; height:200px; text-decoration:none; margin:0px;}

/* example.html部分------------------------------------------------------------ */
#example-001 {background:url(img/sub/title/example-title01.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}
.sample-kan{border:#CE7B00 1px dashed; margin:5px 0px 5px 0px; padding:10px;color:#CE7B00; width:550px; text-align:left;} 

/* portrait.html部分------------------------------------------------------------ */
#portrait-001 {background:url(img/sub/portrait01.jpg) no-repeat left top; text-indent:-9999px; display:block; width:500px; height:245px; text-decoration:none; margin:0px auto 0px auto;}
#portrait-002 {background:url(img/sub/title/portrait02.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px auto 0px auto;}

/* payment.html部分------------------------------------------------------------ */
#payment-001 {background:url(img/sub/title/payment-title01.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}
#payment-002 {background:url(img/sub/title/payment-title02.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}
#payment-003 {background:url(img/sub/title/payment-title03.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}

/* procedure.html部分------------------------------------------------------------ */
#procedure-001 {background:url(img/sub/title/procedure-title01.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}
#procedure-002 {background:url(img/sub/title/procedure-title02.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}
#procedure-003 {background:url(img/sub/title/procedure-title03.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}
#procedure-004 {background:url(img/sub/title/procedure-title04.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}
#procedure-004 {background:url(img/sub/proce01.jpg) no-repeat left top; text-indent:-9999px; display:block; width:570px; height:375px; text-decoration:none; margin:0px auto 0px auto;}

.procedure1{border-bottom:#FF6666 1px dashed;border-left:#FF6666 1px dashed;border-top:#FF6666 1px dashed;}
.procedure2{border-bottom:#FF6666 1px dashed;border-right:#FF6666 1px dashed;border-left:#FF6666 1px dashed;border-top:#FF6666 1px dashed;}
.procedure3{border-bottom:#FF6666 1px dashed;border-left:#FF6666 1px dashed;}
.procedure4{border-bottom:#FF6666 1px dashed;border-right:#FF6666 1px dashed;border-left:#FF6666 1px dashed;}


/* rate.html部分------------------------------------------------------------ */
#rate-001 {background:url(img/sub/rate-main05.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:37px; text-decoration:none; margin:0px;}
#rate-002 {background:url(img/sub/rate-main06.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:37px; text-decoration:none; margin:0px;}
.rate1{border-bottom:#FF9900 1px dashed;border-left:#FF9900 1px dashed;border-top:#FF9900 1px dashed;}
.rate2{border-bottom:#FF9900 1px dashed;border-right:#FF9900 1px dashed;border-left:#FF9900 1px dashed;border-top:#FF9900 1px dashed;}
.rate3{border-bottom:#FF9900 1px dashed;border-left:#FF9900 1px dashed;}
.rate4{border-bottom:#FF9900 1px dashed;border-right:#FF9900 1px dashed;border-left:#FF9900 1px dashed;}


/* terms.html部分------------------------------------------------------------ */
#terms-001 {background:url(img/sub/title/terms-title01.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}
#terms-002 {background:url(img/sub/title/terms-title02.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}
#terms-003 {background:url(img/sub/title/terms-title03.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}

/* use.html部分------------------------------------------------------------ */
#use-001 {background:url(img/sub/title/use-title01.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}
#use-002 {background:url(img/sub/title/use-title02.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}
#use-003 {background:url(img/sub/title/use-title03.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}
#use-004 {background:url(img/sub/use-01.jpg) no-repeat left top; text-indent:-9999px; display:block; width:500px; height:600px; text-decoration:none; margin:0px auto 0px auto;}
#use-005 {background:url(img/sub/use-02.jpg) no-repeat left top; text-indent:-9999px; display:block; width:500px; height:415px; text-decoration:none; margin:0px auto 0px auto;}
#use-006 {background:url(img/sub/use-03.jpg) no-repeat left top; text-indent:-9999px; display:block; width:500px; height:238px; text-decoration:none; margin:0px auto 0px auto;}

/* question.html部分------------------------------------------------------------ */
ul.qa li { /* Q＆Aの部分 */
margin:0px 0px 0px 30px;list-style-image:url(img/a.jpg);}

.mailcyu{ /*写真枚数文字*/
font-size:14px;margin:0px 0px 0px 15px; color:#FF0066;}


/* genre.html部分------------------------------------------------------------ */

#genre-001 {background:url(img/sub/title/genre-title01.jpg) no-repeat left top; text-indent:-9999px; display:block; width:580px; height:41px; text-decoration:none; margin:0px;}

.clear{clear: both;}



/* 全体ページフッター部分設定------------------------------------------------------------ */
#footer {text-align:right;font-size:10px;color:#FF9900;background-image:url(img/side-back.jpg);background-repeat:repeat-y; background-color:#FFFFFF; float:none; width:920px; margin:0px auto 0px auto; padding:5px 10px 0px 0px;}
#footer2 {background:url(img/footer-001.jpg) no-repeat left top; text-indent:-9999px; display:block; width:930px; height:25px; text-decoration:none; margin:0px auto 0px auto;}
#footer3{
position:fixed; bottom:0; left:0; width:100%; height:23px; background-position:center; background-image:url(img/copylight.png);
background-repeat:no-repeat; background-color:#FFFFCC;} 
#footer3 a{background:url(img/toppage.png) no-repeat left top; text-indent:-9999px; display:block; width:81px; height:20px; text-decoration:none; margin:3px 10px 0px 0px; float:right;}

#business{position:fixed; top:5px; right:5px;}