@charset "utf-8";

* { margin:0px; padding:0px; }

input { margin:inherit; padding:2px; }

select { margin:inherit; padding:1px 2px 1px 2px;width:60px; }
/*html:first-child select { padding:2px 2px 2px 2px; }*/

option { margin:inherit; padding:inherit; }

body { background-image:url(../images/back.gif); margin:0px; padding:0px; color:#333333; font-family:'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ ゴシック', sans-serif; }

a { cursor: pointer; text-decoration:none; }

h1, h2, h3, h4 { line-height:normal; }

li { list-style:none; display:inline; }

img { border:0px; }

.non, hr { display:none; visibility:hidden; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.clearfix { display:inline-block; }

/*Hides from IE-mac\*/
*html .clearfix { height:1%; }

.clearfix { display:block; }

/*End hide from IE-mac\*/


#container { background-image:url(../images/back_top.gif); background-position:67px 0px; background-repeat:repeat-x; padding: 20px 0px 8px 0px; }

#header { width:775px; height:70px; background-image:url(../images/head.png); margin:0 auto; padding:38px 0px 0px 25px; /* IE6以下の場合無効にする */
_background:none; }

* html #header { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/head.png', sizingMethod='image');
}

#header h1 { display:block; width:230px; height:65px; overflow:hidden; background-image: url(../images/logo.gif); }

#header h1 a { position:relative; display:block; width:230px; height:65px; text-indent:-9999px; /*\*/overflow: hidden;/**/ }

#main { width:864px; background-image:url(../images/main_back.png); background-repeat:no-repeat; margin:0 auto; height: 570px; /* IE6以下の場合無効にする */ _background:none; }

*html #main { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/main_back.png', sizingMethod='image');}

#main ul { float:right; padding-right:51px; }

#main h2, #main h3 { display:none; }

#main h4 { float:right; display:block; width:192px; height:66px; margin: 214px 2px 20px 0px; }

#main h4 a:link, #main h4 a:visited { display:block; width:147px; height:40px; background-image:url(../images/mainte.gif); background-repeat:no-repeat; background-position:1px 4px; padding:26px 0px 0px 45px; font-size:12px; font-weight:normal; color:#333333; }

* html #main h4 a:link, * html #main h4 a:visited { position:relative; }

#main h4 a:hover, #main h4 a:active { color:#3B87B9; background-position:1px -97px; }

#main strong { float:left; display:block; width:214px; height:113px; margin: 167px 0px 0px 0px; }

#main strong a:link, #main strong a:visited { display:block; width:214px; height:113px; background-image:url(../images/makeup.jpg); background-position:0px -120px; background-repeat:no-repeat; text-indent:-9999px; /*\*/overflow: hidden;/**/ }

* html #main strong a:link, * html #main strong a:visited { position:relative; }

#main strong a:hover, #main strong a:active { background-position:0px 0px; }

#main em { float:left; display:block; width:137px; height:66px; margin: 214px 4px 0px 0px; }

#main em a:link, #main em a:visited { display:block; width:82px; height:40px; background-image:url(../images/before.gif); background-repeat:no-repeat; background-position:1px 4px; padding:26px 0px 0px 55px; font-size:12px; color:#333333; font-style: normal; }

* html #main em a:link, * html #main em a:visited { position:relative; }

#main em a:hover, #main em a:active { color:#3B87B9; background-position:1px -95px; }

#update { background-image:url(../images/update.png); background-repeat:no-repeat; padding-top: 38px; margin: 0px 0px 0px 50px; height: 120px; clear:both; width: 768px; /* IE6以下の場合無効にする */ _background:none; }

* html #update { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/update.png', sizingMethod='crop');}

#update dl { display:block; margin:0px 0px 0px 10px; height:112px; width:750px; overflow:auto; }

* html #update dl { position:relative; z-index:2; }

#update dt { display:none; }

#update dd { display:block; font-size:0.8em; line-height:1.25em; padding:4px 0px; }

#update dd a { padding:0px 0px 0px 10px; }

#info { width:784px; margin:0 auto; height: 264px; padding:3px 0px 0px 16px; }

.info1 { background-image:url(../images/info_s_1.jpg); background-repeat:no-repeat; background-position:16px 3px; }

.info2 { background-image:url(../images/info_s_2.jpg); background-repeat:no-repeat; background-position:16px 3px; }

.info3 { background-image:url(../images/info_s_3.jpg); background-repeat:no-repeat; background-position:16px 3px; }

#info #base { background-image:url(../images/info_base.png); background-repeat:no-repeat; position: absolute; z-index: 1; height: 47px; width: 800px; top: 128px; left: 50%; margin: 0px 0px 0px -400px; padding: 220px 0px 0px 0px; /* IE6以下の場合無効にする */
_background:none; }

* html #info #base { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/info_base.png', sizingMethod='image');
}

#info #base strong { display:block; width:645px; height:32px; margin:0 auto; text-indent:-9999px; /*\*/overflow: hidden;/**/ }

#info.info1 #base strong { background-image:url(../images/step_1.gif); background-repeat:no-repeat; }

#info.info2 #base strong { background-image:url(../images/step_2.gif); background-repeat:no-repeat; }

#info.info3 #base strong { background-image:url(../images/step_3.gif); background-repeat:no-repeat; }

#input_box { width:800px; margin:0 auto; background-color:#FFFFFF; background-image:url(../images/window_bottom.gif); background-repeat:no-repeat; background-position:50% 100%; padding:5px 0px 20px 0px; }

#input { width:766px; background-image:url(../images/window_middle.gif); margin:0px auto; }

#input_box.firstOverflow #input { overflow:hidden;height:385px;}

#input ul { padding:5px 15px; }
#input li { display:block; font-size:0.7em; clear:both; padding:0px 0px 6px 3px; }
*:first-child+html #input li { padding:0px 0px 4px 3px; }
#input li.donation { padding:110px 0px 150px 3px; text-align:center; }
*:first-child+html #input li.donation { padding:110px 0px 150px 3px; text-align:center; }


#input li.g3 { display:block; font-size:0.7em; float:left; clear:none; padding:0px 0px 6px 0px; margin: 0 0 0 13px; text-align:center; width:229px; }

#input li label { display:block; width:120px; float:left; padding:3px 6px 0px 0px; font-size:small; text-align:right; }
#input li .option label { display:block; width:113px; float:left; padding:3px 6px 0px 0px; font-size:small; text-align:right; }

#input li label#g_s1,#input li label#g_s2,#input li label#g_s3,#input li label#g_s4 { text-align:left;width:179px; height:26px; color:#FFFFFF; line-height:normal; background-image:url(../images/g_pattern_btn.gif); background-position: 0 0; background-repeat:no-repeat; margin:0px 1px 10px 0px; padding:3px 0px 3px 3px;_margin:0px 0px 5px 0px; }

/*
#input li label#g_s2 { text-align:left; background-color:#EEEEEE; width:155px; border:1px solid #CCCCCC; margin:0px 4px 10px 0px; padding:3px 0px 3px 3px;}
#input li label#g_s3 { text-align:left; background-color:#EEEEEE; width:155px; border:1px solid #CCCCCC; margin:0px 4px 10px 0px; padding:3px 0px 3px 3px;}
#input li label#g_s4 { text-align:left; background-color:#EEEEEE; width:155px; border:1px solid #CCCCCC; margin:0px 4px 10px 0px; padding:3px 0px 3px 3px;}
*/


#input li label#g_s1:hover, #input li label#g_s2:hover, #input li label#g_s3:hover, #input li label#g_s4:hover { background-position: 0 -64px; }

#input li label#g_s1.g_s_act,#input li label#g_s2.g_s_act,#input li label#g_s3.g_s_act,#input li label#g_s4.g_s_act{ background-position: 0 -32px;}

#g_s1 input, #g_s2 input, #g_s3 input, #g_s4 input { margin:4px 0px 0px 3px; }
*:first-child+html #g_s1 input, *:first-child+html #g_s2 input, *:first-child+html #g_s3 input, *:first-child+html #g_s4 input { margin:0; }
*html #g_s1 input, *html #g_s2 input, *html #g_s3 input, *:first-child+html #g_s4 input { margin:0; }

#input li label#nonback { display:block; float:left; padding:0px; margin:2px 0px 0px 2px; width:auto; }

.input_area{float:left;padding:0px 0px 2px 0px;margin:0px 3px 0px 0px;_margin:0px 1px 0px 0px;}
.input_area_half{float:left;padding:0px 0px 2px 1.0em;_padding:0px 0px 2px 1.0em;margin:0px 3px 0px 0px;_margin:0px 1px 0px 0px;}

.google{ float:left; padding:1px 0px 5px 27px; background:url(../images/desktop_icon.gif) no-repeat 0px 50%; width:330px; }
#google1,#google2,#google3,#google4{margin-top:5px;}
.yahoo{ float:left; padding:1px 0px 5px 27px; background:url(../images/widget_yahoo.gif) no-repeat 0px 50%; width:330px; }
#yahoo1,#yahoo2,#yahoo3,#yahoo4{margin-top:5px;}
select#f_family,select#f_family2,select#f_family3,select#f_family4{ margin:0px 0px 0px 6px; width:135px; }

.option{ border:2px solid #CCCCCC; padding:5px; width:529px; }

/*
#input li label#boldtxt,#input li label#boldtxt2,#input li label#boldtxt3 { background-color:#EEEEEE; border:1px solid #CCCCCC; margin:0px 0px 0px 3px; float:left; padding: 1px 2px 0px 0px; width: 22px; height: 18px; background-image:url(../images/text_bold.png); background-repeat:no-repeat; background-position:50% 50%; }
* html #input li label#boldtxt,* html #input li label#boldtxt2,* html #input li label#boldtxt3 { background-image:url(../images/text_bold.gif); }
#input li label#boldtxt:hover,#input li label#boldtxt2:hover,#input li label#boldtxt3:hover { background-color:#CCCCCC; }
*/

#input li#cpu,.end #input li#cpu{margin:0px;clear:both;background-image:url(../images/cpu_back.gif); background-repeat:no-repeat;height:8px;font-size:8px;line-height:8px;text-indent:-9999px; /*\*/overflow: hidden;/**/ }
#input li#memory,.end #input li#memory{margin:0px;clear:both;background-image:url(../images/memory_back.gif); background-repeat:no-repeat;height:8px;font-size:8px;line-height:8px;text-indent:-9999px; /*\*/overflow: hidden;/**/ }

#right_af_box{ float:left;width:331px;}
#right_af_box h5{ width:331px; height:55px; background-image:url(../images/customize.gif); background-repeat:no-repeat; background-position:0% 50%;text-indent:-9999px; /*\*/overflow: hidden;/**/ }

#link_set { padding:8px 0px 5px 130px; font-size:x-small; }
#link_set img{ margin:0px 0px 0px -130px;float:left; }
#link_set a { color:#3B87B9; }
#link_set a:hover { text-decoration:underline; }


#af_area{ clear:both;margin:0 auto;width:800px;background-color:#FFFFFF;padding:3px 0px 10px 0px;}
#af_area h6{display:block; margin:0 auto;width:760px;}
#af_area h6 dl dt{ padding:4px 0 2px 0px; font-size:small; }
#af_area h6 dl dd{ padding:2px 0 2px 16px; background-image:url(../images/dot_dd.gif); background-repeat:no-repeat; background-position:0px 5px; font-size:small; font-weight:normal; }

#f_bold,#f_bold2,#f_bold3 { width:0px; height:0px; visibility:hidden; }

*:first-child+html #f_bold,*:first-child+html #f_bold2,*:first-child+html #f_bold3 { width:0px; height:0px; visibility:visible; }

*html #f_bold,*html #f_bold2,*html #f_bold3 { width:0px; height:0px; visibility:visible; }

#f_back,#f_back2,#f_back3 { float:left; margin:4px 3px 0px 0px; }

*:first-child+html #f_back,*:first-child+html #f_back2,*:first-child+html #f_back3 { margin:0px 3px 0px 0px; }

* html #f_back,* html #f_back2,* html #f_back3 { margin:-2px 2px 0px 0px; }

#fontsize { float:left; margin:0px 3px 0px 0px; }

#input h2 { display:block; width:766px; height:37px; background-image:url(../images/window_top.gif); background-repeat:no-repeat; font-size:medium; text-indent:-9999px; /*\*/overflow: hidden;/**/ }

#input h3 { display:block; width:766px; height:37px; background-image:url(../images/window_top2.gif); background-repeat:no-repeat; font-size:medium; text-indent:-9999px; /*\*/overflow: hidden;/**/ }

#input h3.donation { background-image:url(../images/window_top3.gif); background-repeat:no-repeat;}



#footer { text-align:right; width:760px; height:35px; background-image:url(../images/footer.png); background-repeat:no-repeat; margin:0px auto; padding:23px 25px 0px 15px; font-size: 12px; /* IE6以下の場合無効にする */
_background:none; }

* html #footer { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/footer.png', sizingMethod='image');
}

#footer em { float:left; font-style:normal; font-size:x-small; margin:-7px 3px 0px 0px; }

#footer img { margin-right:5px; }

#footer h4 { display:inline; border:1px solid #CCCCCC; padding:1px 20px 3px 20px; margin:0 20px 0px 5px; font-weight:normal; font-size:smaller; }

#footer a:link, #footer a:visited { color:#333333; }

#footer a:hover, #footer a:active { color:#3B87B9; }

/*IE6以下用にAタグ有効化*/
.ieposition { _position:relative; }

/*エラーフィールド*/
#waku { width:279px; height:82px; background-image:url(../images/waku.png); padding:15px 10px 0px 10px; text-align:center; position:absolute; display:none; z-index:500; top:0px; left:0px; font-size:12px; font-weight:bold;/* IE6以下の場合無効にする */ _background:none; }

* html #waku { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/waku.png', sizingMethod='image');
}

/*フォームフィールド*/
#f_title, #f_info, #f_url { width:275px; }

#f_author { width:150px; }

#f_version1 { width:15px; text-align:right; }

#f_version2, #f_version3, #f_version4, #f_version5 { width:10px; text-align:right; }

#f_color, #f_color2, #f_color3, #f_color4, #f_color5, #f_color6 { width:60px; }

/*#f_width, #f_height, #f_top, #f_left { width:60px; float:left; }*/

#icon_file { width:185px; }


/*送信ボタン*/
#nextsubmit, #nextsubmit2, #nextsubmit3 { display:block; background-image:url(../images/nextbtn.gif); width:402px; height:30px; cursor:pointer; }

#nextsubmit_stop, #nextsubmit_stop0, #nextsubmit_stop1, #nextsubmit_stop2, #nextsubmit_stop3 { display:block; background-image:url(../images/nextbtn_stop.gif); width:402px; height:30px; }

#nextsubmit_step2 { display:block; background-image:url(../images/nextbtn2.gif); width:402px; height:30px; cursor:pointer; }

#nextsubmit_stop_step2 { display:block; background-image:url(../images/nextbtn2_stop.gif); width:402px; height:30px; }

/*JS別窓表示スタイル*/

#modal_container { padding:5px; background-color:#fff; border:1px solid #666; overflow:auto; font-family:"Lucida Grande", Verdana; font-size:12px; color:#333; text-align:left; }

#modal_overlay { background-color:#000; }

#modal_loading { background-image:url(../images/ajax-loader.gif); width:220px; height:19px; margin:0 auto; }

/*お問い合わせ*/
#info_box { border:1px solid #CCCCCC; padding:3px; margin-bottom:10px; background-color:#333333; }

#contbl { width:555px; margin:0 auto; text-align:center; }

#contbl input { font-size:12px; font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ ゴシック', sans-serif; }

#contbl #subject { width:300px; }

#contbl #name, #contbl #mail { width:280px; }

#contbl #button { width:200px; }

#contbl #comment { width:550px; height:100px; }

#contbl th, #contbl td { text-align:left; padding:1px; }

#contbl th a { color:#3B87B9; }

#contbl #col { text-align:center; padding-top:10px; }

/*メンテナンス*/
#b_container { height:400px; width:475px; position:absolute; top:50%; left:50%; margin-top:-210px; margin-left:-237px; }

#b_container2 { height:500px; width:650px; position:absolute; top:50%; left:50%; margin-top:-260px; margin-left:-325px; }

#b_header { width:425px; height:40px; background-image:url(../images/mainte_head.png); padding:14px 0px 0px 50px; font-size:12px; /* IE6以下の場合無効にする */
_background:none; }

* html #b_header { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mainte_head.png', sizingMethod='image');
}

#b_header2 { width:600px; height:40px; background-image:url(../images/readme.png); padding:14px 0px 0px 50px; font-size:12px; /* IE6以下の場合無効にする */
_background:none; }

* html #b_header2 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/readme.png', sizingMethod='image');
}

#b_header3 { width:597px; height:40px; background-image:url(../images/contact.png); padding:14px 0px 0px 53px; font-size:12px; /* IE6以下の場合無効にする */
_background:none; }

* html #b_header3 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contact.png', sizingMethod='image');
}

#b_header strong, #b_header2 strong, #b_header3 strong { font-size:18px; padding-right:5px; }

#b_main { overflow:auto; height:308px; width:455px; padding:10px; background-color:#000000; background-image:url(../images/b_back.gif); background-repeat:repeat-x; color:#FFFFFF; text-align:center; font-size:small; line-height:2em; }

#b_main2 { overflow:auto; height:408px; width:630px; padding:10px; background-color:#000000; background-image:url(../images/b_back.gif); background-repeat:repeat-x; color:#FFFFFF; text-align:center; font-size:small; line-height:2em; }

#b_main2 a { color:#3B87B9; }

#b_main p, #b_main2 #line { display:block; background-image:url(../images/dot.gif); background-repeat:repeat-x; background-position:0px 100%; padding:7px 0px; margin:0px 0px 15px 0px; }

#b_main strong, #b_main2 strong { font-size:medium; }

#b_footer { width:475px; height:26px; background-image:url(../images/bottom_back.png); padding:12px 0px 0px 0px; font-size:10px; text-align:center; /* IE6以下の場合無効にする */
_background:none; }

* html #b_footer { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bottom_back.png', sizingMethod='image');
}

#b_footer2 { width:650px; height:26px; background-image:url(../images/bottom_back2.png); padding:12px 0px 0px 0px; font-size:10px; text-align:center; /* IE6以下の場合無効にする */
_background:none; }

* html #b_footer2 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bottom_back2.png', sizingMethod='image');
}

.red{
color:#CC3333;
font-weight:bold;
}

#amazon{ margin:8px 0 0 72px; }