body { background: url("../image/pc/gra_bg_topmenu.png") repeat-x #FFFFFF; text-align: center; margin: 0px; }
img { border: 0px; }

#BODY { width: 800px; margin-left: auto; margin-right: auto; text-align: left; }

#BODY_TITLE { width: 800px; height: 150px; background: url("../image/pc/gra_bg_toptitle.jpg") no-repeat; position: relative; }
#BODY_TITLE h1 { margin: 0px; position: absolute; top: 109px; left: 41px; font-size: 80%; color: #E16919; font-weight: normal; }
#BODY_TITLE h2 { margin: 0px; position: absolute; top: 73px; left: 31px; }
#BODY_TITLE a { font-size: 80%; color: #808080; font-weight: normal; }

#BODY_MENU { margin: 0px 0px 30px 0px; padding: 0px; list-style-type: none; text-align: center; font-size: 90%; background: url("../image/pc/gra_bg_topmenu_slit.png") no-repeat right; height: 42px; overflow: hidden; }
#BODY_MENU li { float: left; height: 42px; background: url("../image/pc/gra_bg_topmenu_slit.png") no-repeat; }
#BODY_MENU a { display: block; height: 42px; position: relative; text-decoration: none; color: #990F16; }
#BODY_MENU a span { position: relative; top: 1em; }
#BODY_MENU .Bs { width: 140px; }
#BODY_MENU .Bm { width: 180px; }
#BODY_MENU .Bl { width: 200px; }


#BOTTOM { font-size: 80%; text-align: center; margin-top: 20px; padding-top: 5px; background-color: #FFD1E0; border-top: 1px solid #FF8080; }
#BOTTOM ul { margin: 0px; padding: 0px; list-style-type: none; font-size: 90%; }
#BOTTOM li { display: inline; padding: 0px 10px; border-left: 1px solid #C0C0C0; }
#BOTTOM .Last { border-right: 1px solid #C0C0C0; }
#BOTTOM a { text-decoration: none; color: #990F16; }
#BOTTOM address { margin-top: 1em; color: #808080; font-style: normal; }
#BOTTOM address a { text-decoration: none; color: #404040; }
#BOTTOM address a:hover { text-decoration: underline; color: #404040; }



#MAIN_NAVI ul { margin: 0px; padding: 0px; list-style-type: none; font-size: 80%; }
#MAIN_NAVI li { float: left; }
#MAIN_NAVI .Higher { padding-right: 20px; background: url("../image/pc/icon_arrow_main_navi.png") no-repeat right center; }
#MAIN_NAVI .Higher a { text-decoration: none; color: #808080; font-weight: bold; }
#MAIN_NAVI .Higher a:hover { background-color: #808080; color: #404040; }
#MAIN_NAVI .Current strong { font-weight: normal; color: #808080; }
#MAIN_NAVI .Img { margin-top: 5px; }
#MAIN_NAVI img { border: 0px; }


#MAIN { width: 600px; float: left; }
#MAIN p { font-size: 90%; color: #404040; line-height: 140%; }
#MAIN p a { text-decoration: none; color: #1D48FF; }
#MAIN p a:hover { text-decoration: underline; }
#MAIN p strong { font-weight: normal; }


#MAIN .Annotation { font-size: 80%; color: #991A09; text-decoration: none; }
#MAIN .Annotation_Area { margin: 0px 0px 0px 0px; padding: 5px; font-size: 80%; color: #808080; list-style-type: none; }
#MAIN .Annotation_Area li { margin-left: 0em; padding: 0px; }


#MAIN .PicCol { font-weight: bold; color: #FF2D11; }


#MAIN .TopPR1 { margin-bottom: 30px; border: 1px solid #C0C0C0; }
#MAIN .TopPR1_InBox { height: 280px; background: url("../image/pc/gra_bg_toppr.jpg") no-repeat right; position: relative; }
#MAIN .TopPR1_InBox h2 { margin: 0px 0px 1em 0px; position: relative; top: 10px; left: 50px; }
#MAIN .TopPR1_InBox p { margin: 1em 0px 0px 10px; font-size: 80%; line-height: 120%; color: #404040; }

#MAIN .TopPR2 { margin-top: 50px; }
#MAIN .TopPR2 h2 { margin: 0px; padding: 10px 0px 0px 10px; height: 36px; background: url("../image/pc/gra_bg_cbox.png") no-repeat; font-size: 100%; font-weight: normal; color: #990F16; }
#MAIN .TopPR2 h3 { margin: 20px 0px 0px 0px; height: 117px; text-align: center; }
#MAIN .TopPR2 p { margin: 1em 20px 0px 20px; font-size: 90%; color: #404040; line-height: 140%; }
#MAIN .TopPR2 p a { text-decoration: none; color: #1D48FF; }
#MAIN .TopPR2 p a:hover { text-decoration: underline; }

#MAIN .TopPrice { margin-top: 50px; }
#MAIN .TopPrice h2 { margin: 0px; height: 92px; text-align: center; }
#MAIN .TopPrice h3 { margin: 20px 0px 0px 0px; height: 24px; text-align: center; }
#MAIN .TopPrice p { margin: 1em 20px 0px 20px; font-size: 90%; color: #404040; line-height: 140%; }
#MAIN .TopPrice p a { text-decoration: none; color: #1D48FF; }
#MAIN .TopPrice p a:hover { text-decoration: underline; }


#MAIN .Hayamihyo { text-align: center; }
#MAIN .Hayamihyo table { margin: 0px auto 1em auto; table-layout: fixed; border-collapse: collapse; }
#MAIN .Hayamihyo th { width: 200px; border-left: 1px solid #808080; border-top: 1px solid #808080; font-size: 90%; color: #404040; padding: 4px; font-weight: normal; background-color: #F5FF9D; }
#MAIN .Hayamihyo td { width: 300px; border-right: 1px solid #808080; border-top: 1px solid #808080; border-left: 1px solid #808080; font-size: 90%; color: #404040; padding: 4px; text-align: left; background-color: #ECFFCB; }
#MAIN .Hayamihyo .None { width: 500px; border-left: 0px; border-top: 1px solid #808080; text-align: left; background-color: transparent; padding: 0px; }


#MAIN .Box_Clear { margin-top: 50px; }
#MAIN .Box_Clear h2 { margin: 0px; padding: 10px 0px 0px 10px; height: 36px; background: url("../image/pc/gra_bg_cbox.png") no-repeat; font-size: 100%; font-weight: normal; color: #990F16; }
#MAIN .Box_Clear h3 { margin: 2em 20px -1em 20px; font-size: 90%; font-weight: bold; color: #990F16; border-bottom: 1px solid #E3515B; }
#MAIN .Box_Clear p { margin: 1em 20px 0px 20px; }

#MAIN .Box_Clear .MyPr_ImageBox { margin-top: 30px; text-align: center; }
#MAIN .Box_Clear .MyPr_ImageBox ul { margin: 0px 12px; width: 576px; padding: 0px; list-style-type: none; }
#MAIN .Box_Clear .MyPr_ImageBox li { margin: 0px 6px; float: left; width: 180px; display: inline; } /* DISPLAYはあほなIE6がFLOATのMARGINを2倍に取るバグの対策用 */
#MAIN .Box_Clear .Arrow { margin: 10px 0px; clear: both; }
#MAIN .Box_Clear .MyPr { margin-top: 50px; }


#MAIN .Box_Pink { margin-top: 50px; border: 1px solid #C0C0C0; background: url("../image/pc/gra_bg_pink_V60.png") repeat-x bottom; }
#MAIN .Box_Pink .H2 { margin: 10px 10px 0px 10px; height: 83px; background: url("../image/pc/icon_checkmark_h2.png") no-repeat; overflow: hidden; }
#MAIN .Box_Pink .H2 h2 { margin: 24px 0px 0px 72px; font-size: 18px; font-weight: bold; color: #DC2D24; }
#MAIN .Box_Pink p { margin: 0px 20px 1em 20px; }


#MAIN .DT1 { margin: 0px; padding: 0px; }
#MAIN .DT1 dt { margin: 10px 0px; height: 30px; background: url("../image/pc/icon_arrow_ball_right.png") no-repeat; font-size: 100%; font-weight: bold; color: #404040; }
#MAIN .DT1 dd { margin-left: 2em; font-size: 90%; color: #404040; }


#MAIN .Tejyun { margin: 30px 25px; text-align: center; }
#MAIN .Tejyun h3 { margin: 0px 0px 0px 0px; padding: 5px 0px; background-color: #FF7FA3; font-size: 90%; font-weight: bold; color: #FFFFFF; }
#MAIN .Tejyun .Box { margin: 0px; border-left: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; background: url("../image/pc/gra_bg_bluegray_V50.png") repeat-x bottom; }
#MAIN .Tejyun .Box p { margin: 0px; padding: 1em; text-align: left; }
#MAIN .Tejyun .Arrow { margin: 0px auto; width: 68px; height: 52px; background: url("../image/pc/icon_arrow_tejyun.png") no-repeat; }


#MAIN .Sample dl { margin: 0px 20px 0px 20px; padding: 0px; }
#MAIN .Sample dt { margin-top: 2em; background-color: #E3FFB3; padding: 5px; font-size: 90%; font-weight: bold; color: #404040; }
#MAIN .Sample dd { margin-left: 2em; font-size: 90%; color: #404040; }
#MAIN .Sample ul { margin: 0px; padding: 0px; list-style-type: disc; font-size: 90%; color: #404040; }
#MAIN .Sample form ul { margin: 0px; padding: 0px; list-style-type: none; font-size: 90%; color: #404040; }
#MAIN .Sample li { margin: 10px 0px; }
#MAIN .Sample li a { text-decoration: none; color: #1D48FF; }
#MAIN .Sample li a:hover { text-decoration: underline; }

#MAIN .Form { text-align: center; }
#MAIN .Form .Header { margin-top: 1em; font-size: 90%; font-weight: bold; color: #C60013; }
#MAIN .Form table { border-left: 1px solid #808080; border-top: 1px solid #808080; table-layout: fixed; margin-left: auto; margin-right: auto; border-collapse: collapse; }
#MAIN .Form th { border-right: 1px solid #808080; border-bottom: 1px solid #808080; font-size: 90%; color: #404040; width: 100px; padding: 5px; background-color: #FFCE39; font-weight: bold; }
#MAIN .Form th small { font-size: 80%; font-weight: normal; color: #C60E00; }
#MAIN .Form .Unrequired { background: url("../image/mobile/icon_checkmark_non.gif") no-repeat left center; padding-left: 20px; background-color: #FFCE39; text-align: left; }
#MAIN .Form .Required { background: url("../image/mobile/icon_checkmark_inbox.gif") no-repeat left center; padding-left: 20px; background-color: #FFCE39; text-align: left; }
#MAIN .Form td { border-right: 1px solid #808080; border-bottom: 1px solid #808080; font-size: 90%; color: #404040; width: 400px; padding: 5px; background-color: #FFFAA9; text-align: left; }
#MAIN .Form .Kakunin { border: 1px solid #FF3405; width: 20em; padding: 1em 0px; font-size: 90%; color: #404040; margin-left: auto; margin-right: auto; }

#MAIN .Estimate_Button { margin: 50px 50px; padding: 20px 0px; text-align: center; border-top: 1px solid #990F16; border-bottom: 1px solid #990F16; }
#MAIN .Estimate_Button a:link, #MAIN .Estimate_Button a:visited { display: block; margin-left: auto; margin-right: auto; width: 250px; height: 59px; background: url("../image/pc/gra_button_omoushikomi.png") no-repeat 0px 0px; }
#MAIN .Estimate_Button a:hover { background-position: 0px -59px; }
#MAIN .Estimate_Button img { border: 0px; }

#MAIN .Yakkan { margin-top: 50px; font-size: 80%; color: #404040; line-height: 140%; }
#MAIN .Yakkan h2 { margin: 0px; font-size: 100%; font-weight: bold; color: #404040; }
#MAIN .Yakkan dl { margin: 0px; color: #404040; }
#MAIN .Yakkan dt { margin: 0px; font-weight: bold; }
#MAIN .Yakkan dd { margin-left: 2em; }
#MAIN .Yakkan ol { margin: 0px; padding: 0px; color: #404040; }
#MAIN .Yakkan li { margin-left: 2em; }

#MAIN .AboutMe { border-left: 1px solid #808080; border-top: 1px solid #808080; table-layout: fixed; margin-left: auto; margin-right: auto; border-collapse: collapse; }
#MAIN .AboutMe th { border-right: 1px solid #808080; border-bottom: 1px solid #808080; font-size: 80%; color: #404040; width: 150px; padding: 5px; font-weight: normal; background-color: #CDD6F7; text-align: center; }
#MAIN .AboutMe td { border-right: 1px solid #808080; border-bottom: 1px solid #808080; font-size: 80%; color: #404040; width: 400px; padding: 5px; text-align: left; }

#MAIN .Link { margin: 0px; padding: 0px; list-style-image: url("./image/mobile/icon_checkmark_inbox.gif"); font-size: 80%; color: #404040; }
#MAIN .Link li { margin: 5px 20px; }

#MAIN .InputName { width: 9em; ime-mode: active; }
#MAIN .InputTel { width: 6em; ime-mode: disabled; }
#MAIN .InputPost1 { width: 4em; ime-mode: disabled; }
#MAIN .InputPost2 { width: 5em; ime-mode: disabled; }
#MAIN .InputComment { width: 300px; height: 10em; ime-mode: active; }
#MAIN .InputCommon { width: 300px; }
#MAIN .Kanji { ime-mode: active; }
#MAIN .Alphabet { ime-mode: disabled; }

#MAIN .Error { color: #FF0000; font-size: 90%; font-weight: bold; }



#SUB { width: 180px; float: right; }

#SUB_MENU { margin: 0px; padding: 0px; list-style-type: none; }
#SUB_MENU li { margin-bottom: 10px; text-align: center; }
#SUB_MENU a img { border: 0px; }