@charset "utf-8";
/* CSS Document */

#howenjoy_main{
}

#howenjoy_main h3{
width:660px;
height:180px;
margin:10px auto 0;
padding:0;
background-color:#ffffff;
vertical-align:0;
}

#howenjoy_main #renew_table{
margin:10px auto 0;
width:641px;
height:85px;
background-image:url(img/common/howenjoy/howimg_03.gif);
background-repeat:repeat-x;
padding:0;
}

#howenjoy_main #renew_table2{
width:611px;
height:65px;
background-image:url(img/common/howenjoy/howimg_05.gif);
background-repeat:repeat-y;
padding:5px 15px;
}

#howenjoy_main #renew_table2 .div{
width:513px;
margin:8px auto 0;
padding:0 0 9px;
background-image:url(img/common/howenjoy/howimg_07.gif);
background-repeat:repeat-x;
background-position:bottom;
}

#howenjoy_main .help_contentwarpper{
width:660px;
background-image:url(img/common/howenjoy/howimg_09.jpg);
background-repeat:no-repeat;
background-position:9px 0;
margin:10px auto 0;
}

#howenjoy_main .help_contentwarpper .help_content{
width:328px;
background-image:url(img/common/howenjoy/howimg_11.jpg);
background-repeat:repeat-y;
padding:0;
margin:0 0 0 330px;
}

#howenjoy_main .help_contentwarpper div.help_contentlist{
width:328px;
background-image:url(img/common/howenjoy/howimg_15.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding:0 0 36px;
margin:0;
}

#howenjoy_main .help_contentwarpper div.help_contentlist dl{
width:328px;
margin:0;
padding:32px 0 65px;
background-image:url(img/common/howenjoy/howimg_10.jpg);
background-position:top;
background-repeat:no-repeat;
}

#howenjoy_main .help_contentwarpper div.help_contentlist dt{
background-image:url(img/common/howenjoy/howimg_12.gif);
background-repeat:no-repeat;
background-position:bottom;
padding:0 0 5px 10px;
width:276px;
margin:10px auto 0;
font-size:14px;
font-weight:bold;
}
#howenjoy_main .help_contentwarpper div.help_contentlist dd{
padding:0 0 0 10px;
margin:5px auto 0;
width:276px;
background-image:url(img/common/howenjoy/howimg_14.gif);
background-position:0 5px;
background-repeat:no-repeat;
}

a.help_contentlist:link{ color:#004cd6; text-decoration:none;}
a.help_contentlist:visited{ color:#004cd6; text-decoration:none;}
a.help_contentlist:hover{ color:#004cd6; text-decoration:underline;}
a.help_contentlist:active{ color:#004cd6; text-decoration:underline;}

#howenjoy_main #help_category{
background-color:#dadada;
padding:2px 5px;
width:660px;
font-size:16px;
color:#004cd6;
margin:10px 0 0;
}

#howenjoy_main .contents{
width:660px;
margin:10px auto 0;
}

#howenjoy_main .howl_head{
margin:0;
width:597px;
height:35px;
padding:22px 0 0 63px;
font-size:12px;
background-image:url(img/common/howenjoy/imgl_head_howenjoy.gif);
background-repeat:no-repeat;
}

#howenjoy_main .howtext_mein{
margin:10px 0;
}

#howenjoy_main .img_660180{
width:660px;
height:180px;
margin:10px auto 0;
}

#howenjoy_main .p02back{
background-image:url(img/common/howenjoy/howimg_17.gif);
background-position:right;
background-repeat:no-repeat;
height:211px;
width:430px;
padding:0 230px 0 0;
margin:0 0 10px 0;
}

#howenjoy_main .p02back dl{
margin:15px 0 0;
}

#howenjoy_main .p02back dt{
margin:10px 0 0;
padding:0;
}

#howenjoy_main .p02back dd{
margin:2px 0;
padding:0;
}

#howenjoy_main .contents .paragraph{
border:1px solid #d1d1d1;
width:638px;
padding:9px;
}

#howenjoy_main .contents .paragraph .text_01{
width:520px;
float:left;
margin:0 10px 0 0;
}

#howenjoy_main .contents .paragraph .text_02{
width:520px;
margin:0 0 10px;
padding-top:10px;
clear:left;
}

#howenjoy_main  .contents .paragraph .pimg_01{
margin:0 auto;
width:524px;
clear:left;
}

#howenjoy_main  .contents .paragraph .renew_01{
color:#757575;
margin:10px 0;
border-top:1px solid #b6b6b6;
width:100%;
}

#howenjoy_main  .contents .paragraph .pborder{
height:20px;
width:636px;
background-image:url(img/common/howenjoy/howimg_20.gif);
margin:0 auto 0;
background-repeat:no-repeat;
background-position:center;
}

#howenjoy_main  .contents .paragraph .renew_02{
clear:left;
margin:10px auto 10px;
width:631px;
background-image:url(img/common/howenjoy/howimg_23.jpg);
background-repeat:repeat-y;
padding:0;
}

#howenjoy_main  .contents .paragraph .pimg_02{
margin:8px 0 0 268px;
}

#howenjoy_main  .contents .paragraph .renew_02text{
width:232px;
height:189px;
background-color:#d1d1d1;
padding:5px;
margin:0 13px 0 13px;
_margin:0 8px;
float:left;
}

#howenjoy_main  .contents .paragraph .pimg_04{
width:599px;
margin:8px auto 0;
}

#howenjoy_main #footer_link{
margin:20px auto 0;
width:670px;
}

#howenjoy_main #footer_link #footerleft_navi{
width:315px;
float:left;
font-size:14px;
background-image:url(img/common/howenjoy/howimg_35.gif);
background-repeat:no-repeat;
background-position:10px 6px;
padding:0 0 0 20px;
margin:0;
font-weight:bold;
}

#howenjoy_main #footer_link #footerright_navi{
width:315px;
text-align:right;
float:left;
font-size:14px;
background-image:url(img/common/howenjoy/howimg_13.gif);
background-repeat:no-repeat;
background-position:319px 6px;
padding:0 20px 0 0;
margin:0;
font-weight:bold;
}


/*sosial_blog*/

#howenjoy_main dl.help{
margin:10px 0 0;
padding:0;
width:660px;
}

#howenjoy_main dt.help{
width:633px;
padding:3px 0 3px 27px;
font-size:14px;
margin:0;
background-image:url(img/common/howenjoy/howimg_100.gif);
background-repeat:no-repeat;
}

#howenjoy_main dd.help{
border:1px solid #d1d1d1;
width:658px;
padding:5px 0 10px 0;
margin:7px 0;
}

#howenjoy_main .answer_01{
background-color:#dadada;
background-image:url(img/common/howenjoy/howimg_101.gif);
background-repeat:no-repeat;
padding:7px 5px 7px 46px;
width:601px;
font-weight:bold;
margin:0 auto;
}

#howenjoy_main .answer_02{
background-color:#dadada;
background-image:url(img/common/howenjoy/howimg_121.gif);
background-repeat:no-repeat;
padding:7px 5px 7px 46px;
width:601px;
font-weight:bold;
margin:0 auto;
}

#howenjoy_main .p3img_01{
width:628px;
height:464px;
margin:10px auto 20px;
}

#howenjoy_main .p3flow_wrapper{
width:646px;
margin:10px auto 0;
padding:0;
}

#howenjoy_main .p3flow{
width:315px;
float:left;
}

#howenjoy_main .p3flow .flowlist{
margin:0;
padding:0;
background-image:url(img/common/howenjoy/howimg_109.gif);
background-repeat:repeat-y;
list-style-type:none;
}

#howenjoy_main .p3flowh6{
margin:0 0 10px;
padding:0;
}

#howenjoy_main .p3flowmargin{
margin-left:15px;
}

#howenjoy_main .p3flow_text{
width:292px;
background-image:url(img/common/howenjoy/howimg_110.jpg);
background-repeat:no-repeat;
padding:10px 0 10px 23px;
background-position:bottom;
margin:0;
}

#howenjoy_main .p3flow_text_02{
font-size:10px;
line-height:12px;
}

#howenjoy_main .p3flow_text_03{
background-color:#FFFFFF;
width:309px;
padding:3px;
margin:0;
}

#howenjoy_main .answer_text{
width:628px;
margin:10px auto 0;
}

#howenjoy_main .p4text{
width:615px;
background-color:#ffffd1;
margin:10px auto 0;
padding:10px 7px 10px 8px;
}

#howenjoy_main .p4img_01{
width:392px;
margin:17px auto 0;
}

#howenjoy_main .p4h6_01{
width:615px;
margin:20px auto 0;
font-size:12px;
padding:0;
height:58px;
}

#howenjoy_main .p4h6_02{
width:615px;
margin:20px auto 0;
font-size:12px;
padding:0;
height:45px;
}

#howenjoy_main .p4text_02{
width:265px;
margin:5px 0 0 8px;
padding:3px;
background-color:#ffffab;
background-image:url(img/common/howenjoy/howimg_127.gif);
background-repeat:repeat-x;
float:left;
}

#howenjoy_main .p4text_03{
width:601px;
margin:10px 0 0 0;
padding:3px 7px;
background-color:#ffffab;
}

#howenjoy_main .p4text_04{
width:371px;
margin:5px 0 0 8px;
padding:3px;
background-color:#ffffab;
background-image:url(img/common/howenjoy/howimg_127.gif);
background-repeat:repeat-x;
float:left;
}

#howenjoy_main .p4text_05{
width:473px;
margin:5px 0 0 8px;
padding:3px;
background-color:#ffffab;
background-image:url(img/common/howenjoy/howimg_127.gif);
background-repeat:repeat-x;
float:left;
}

#howenjoy_main .p4blogtext{
width:405px;
margin:5px 0 0 10px;
float:left;
}

#howenjoy_main .p4img_02{
height:26px;
margin:0;
}

#howenjoy_main .p4blogpartsbtn{
margin:0 0 0 10px;
}


#howenjoy_main .p4text_02 .ol_01{
margin:0;
padding:0 0 0 10px;
}

#howenjoy_main .p4text_04 .ol_02{
margin:0;
padding:0 0 0 10px;
}

#howenjoy_main .p4text_05 .ol_03{
margin:0;
padding:0 0 0 10px;
}

#howenjoy_main .p4text_02 .li_01{
margin:0 0 5px 0;
padding:0;
}

#howenjoy_main .p4text_04 .li_02{
margin:0 0 5px 0;
padding:0;
}

#howenjoy_main .p4text_05 .li_03{
margin:0 0 5px 0;
padding:0;
}
/*sosial_blog*/
/*090514insert*/
#howenjoy_main .grayback{
background-color:#dfdfdf;
padding:0px 6px 20px;
width:648px;
margin-top:10px;
margin:10px auto;
}

#howenjoy_main dl.help_btn {
width:206px;
height:103px;
margin:20px 5px 0;
padding:0;
float:left;
}

#howenjoy_main dt.help_btn {
margin:0px 0px 0 20px;
font-size:13px;
padding:12px 0 0;
font-weight:bold;
}

#howenjoy_main dd.help_btn {
margin:4px 10px 0 20px;
font-size:12px;
padding:0;
color:#252525;
}

#howenjoy_main .help_btn a{
width:206px;
height:103px;
border: 0;
padding: 0;
display:block;
background-image:url(img/common/howenjoy/btn_howtop.jpg);
background-repeat:no-repeat;
text-decoration:none;
}

#howenjoy_main .help_btn a:hover{
width:206px;
height:103px;
border: 0;
padding: 0;
padding: 0;
display:block;
background-image:url(img/common/howenjoy/btn_howtop.jpg);
background-repeat:no-repeat;
background-position:0 -103px;
text-decoration:none;
}

#howenjoy_main .help_btn a:active{
width:206px;
height:103px;
border: 0;
padding: 0;
padding: 0;
display:block;
background-image:url(img/common/howenjoy/btn_howtop.jpg);
background-repeat:no-repeat;
background-position:0 -103px;
text-decoration:none;
}

#howenjoy_main #comment_table{
margin:10px auto 0;
width:641px;
background-image:url(img/common/howenjoy/howimg_144.gif);
background-repeat:repeat-x;
padding:0;
}

#howenjoy_main #comment_table2{
width:611px;
background-image:url(img/common/howenjoy/howimg_05.gif);
background-repeat:repeat-y;
padding:5px 15px;
}

#howenjoy_main #comment_table3{
margin:0;
width:641px;
background-image:url(img/common/howenjoy/howimg_143.gif);
background-repeat:repeat-x;
padding:0;
}


#howenjoy_main div.help_link{
width:640px;
margin:10px auto 0;
}

#howenjoy_main div.help_link ul{
width:640px;
padding:0;
margin:0;
}

#howenjoy_main div.help_link li{
padding:0 0 0 10px;
margin:5px 0 0;
width:630px;
background-image:url(img/common/howenjoy/howimg_14.gif);
background-position:0 5px;
background-repeat:no-repeat;
list-style-type:none;
}

#howenjoy_main .img_center{
text-align:center;
}

#howenjoy_main #howfooter_link{
margin:20px auto 0;
width:670px;
background-color:#dadada;
padding:2px 0;
}

#howenjoy_main #howfooter_link #footerleft_navi{
width:315px;
float:left;
font-size:14px;
background-image:url(img/common/howenjoy/howimg_35.gif);
background-repeat:no-repeat;
background-position:10px 6px;
padding:0 0 0 20px;
margin:0;
font-weight:bold;
}

#howenjoy_main #howfooter_link #footerright_navi{
width:315px;
text-align:right;
float:left;
font-size:14px;
background-image:url(img/common/howenjoy/howimg_13.gif);
background-repeat:no-repeat;
background-position:319px 6px;
padding:0 20px 0 0;
margin:0;
font-weight:bold;
}

#howenjoy_main .howenjoytop{
width:130px;
text-align:center;
font-size:10px;
padding:0 0 0 5px;
margin:20px auto;
background-image:url(img/common/howenjoy/howimg_142.gif);
background-repeat:no-repeat;
background-position:0 5px;
}

#howenjoy_main h3.help_content{
margin:0;
padding:0;
width:640px;
height:14px;
font-weight:normal;
font-size:100%;
}

#howenjoy_main form.help_content{
margin:10px auto 0;
padding:0;
width:640px;
padding:0;
font-size:100%;
}

#howenjoy_main select.help_content{
margin:5px 0 0;
padding:0;
width:638px;
border:1px solid #aaaaaa;
}

#howenjoy_main .contents .paragraph2{
width:640px;
padding:9px;
}

#howenjoy_main .contents .paragraph2 .text_01{
width:520px;
float:left;
margin:0 10px 0 0;
}

#howenjoy_main  .contents .paragraph2 .pimg_04{
width:599px;
margin:8px auto 0;
}

#howenjoy_main  .contents .paragraph2 .renew_02{
clear:left;
margin:10px auto 10px;
width:631px;
background-image:url(img/common/howenjoy/howimg_23.jpg);
background-repeat:repeat-y;
padding:0;
}

#howenjoy_main  .sosialquiz_play{
color:#757575;
margin:10px;
padding:0;
border-top:1px solid #b6b6b6;
}
/*--howenjoy survey--*/
#howenjoy_main #contents_survey{
width:660px;
margin:10px auto 0;
}

#howenjoy_main #contents_survey #left-section{
width:314px;
height:260px;
background:url(img/common/howenjoy/bg_howenjoy_01.gif) no-repeat;
background-position:bottom;
float:left;
}


#howenjoy_main #contents_survey #right-section{
width:332px;
height:261px;
background:url(img/common/howenjoy/bg_howenjoy_02.jpg) no-repeat;
float:right;
text-align:left;
position:relative;
}
/*--howenjoy survey--*/

/*--howenjoy personarity--*/
#howenjoy_main #contents_personarity{
width:660px;
margin:10px auto 0;
}

#howenjoy_main #contents_personarity #left-section{
width:314px;
height:260px;
background:url(img/common/howenjoy/bg_howenjoy_04.gif) no-repeat;
background-position:bottom;
float:left;
}


#howenjoy_main #contents_personarity #right-section{
width:332px;
height:261px;
background:url(img/common/howenjoy/bg_howenjoy_02.jpg) no-repeat;
float:right;
text-align:left;
position:relative;
}
/*--howenjoy personarity--*/

#howenjoy_main p.left-section{
width:294px;
height:186px;
padding:10px;
margin:10px 0 0;
}

#howenjoy_main .h5{
margin:6px 0 0;
padding:0;
}

#howenjoy_main .h6{
width:236px;
text-align:center;
font-weight:bold;
margin:20px 0 0;
color:#3b8c00;
font-size:100%;
}

#howenjoy_main dl.example{
width:331px;
margin-top:25px;
}

#howenjoy_main dl.example dt{
background:url(img/common/howenjoy/howimg_158.gif) no-repeat;
background-position:13px 2px;
padding-left:14px;
padding:0 13px 0 27px;
}


#howenjoy_main dl.example dd{
color:#ffa623;
padding:0 13px 0 27px;
}

#howenjoy_main .btn_make{
        position:absolute;
        top:0;
        left:236px;
}

/*--howenjoy quiz--*/
#howenjoy_main #contents_quiz{
width:660px;
margin:10px auto 0;
}

#howenjoy_main #contents_quiz #left-section{
width:314px;
height:260px;
background:url(img/common/howenjoy/bg_howenjoy_03.jpg) no-repeat;
background-position:bottom;
float:left;
}


#howenjoy_main #contents_quiz #right-section{
width:332px;
height:261px;
background:url(img/common/howenjoy/bg_howenjoy_02.jpg) no-repeat;
float:right;
text-align:left;
position:relative;
}
/*--howenjoy quiz--*/

/*--howenjoy poll--*/
#howenjoy_main #contents_poll{
width:660px;
margin:10px auto 0;
}

#howenjoy_main #contents_poll #left-section{
width:314px;
height:260px;
background:url(img/common/howenjoy/bg_howenjoy_05.gif) no-repeat;
background-position:bottom;
float:left;
}


#howenjoy_main #contents_poll #right-section{
width:332px;
height:261px;
background:url(img/common/howenjoy/bg_howenjoy_02.jpg) no-repeat;
float:right;
text-align:left;
position:relative;
}
/*--howenjoy poll--*/
#howenjoy_main #contents_personality{
width:660px;
margin:10px auto 0;
background-image:url(img/common/howenjoy/howimg_156.jpg);
background-position:right top;
background-repeat:no-repeat;
}


#howenjoy_main #contents_poll{
width:660px;
margin:10px auto 0;
background-image:url(img/common/howenjoy/howimg_157.jpg);
background-position:right top;
background-repeat:no-repeat;
}

p.howtomondou_text{
width:407px;
margin:0 0 5px 10px;
}

div.mondouex_middle{
width:641px;
margin:40px 0 0 10px;
background-image:url(img/common/howenjoy/howimg_153.gif);
background-repeat:repeat-y;
}

div.mondouex_bottom{
margin:0;
}

div.mondouex_top{
width:641px;
margin:0;
background-image:url(img/common/howenjoy/howimg_152.gif);
background-repeat:no-repeat;
}

div.mondouextitle{
margin:19px 0 0 7px;
width:208px;
float:left;
letter-spacing:0.5px;
}

div.mondouextitle_btn{
margin:0;
}

p.mondouextitle{
width:607px;
border-left:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;
border-bottom:2px solid #d9d9d9;
background-color:#FFFFFF;
padding:10px;
margin:0 0 7px 7px;
line-height:20px;
}

span.mondouextitle{
color:#ffa623;
}

div.create{
width:638px;
background-color:#f2f2f2;
border:1px solid #e3e3e3;
padding:10px;
margin:10px 0;
text-align:center;
}
/*--問答を探す--*/

h6.howm_head{
width:664px;
height:26px;
margin:15px 0 0;
background:url(img/common/howenjoy/howimg_172.gif) no-repeat;
}

#howenjoy_main .ol{
list-style-position: inside;
}

#howenjoy_main .searchimg{
float:right;
margin:0 0 0 10px;
}

#howenjoy_main .search_section{
margin-top:10px;
font-size:11px;
background:url(img/common/howenjoy/howimg_190.jpg) no-repeat;
background-position:0 10px;
padding-left:78px;
width:352px;
float:left;
height:90px;
}
/*--//問答を探す--*/


/*official古いCSS消してもよいか？*/
/*#howenjoy_main #of01{
width:633px;
height:277px;
margin:0 auto 17px;
background-image:url(img/common/howenjoy/howimg_41.jpg);
background-repeat:no-repeat;
background-position:right bottom;
line-height:12px;
}

#howenjoy_main #of01_face{
width:163px;
height:277px;
margin:0;
background-image:url(img/common/howenjoy/howimg_39.jpg);
background-repeat:no-repeat;
background-position:bottom;
float:left;
text-align:right;
}

#howenjoy_main #of01_prof{
font-size:10px;
float:left;
margin-top:18px;
width:198px;
height:120px;
}

#howenjoy_main #of02{
width:633px;
height:277px;
margin:0 auto 17px;
background-image:url(img/common/howenjoy/howimg_41.jpg);
background-repeat:no-repeat;
background-position:right bottom;
line-height:12px;
}

#howenjoy_main #of02_face{
width:163px;
height:277px;
margin:0;
background-image:url(img/common/howenjoy/howimg_39.jpg);
background-repeat:no-repeat;
background-position:bottom;
float:left;
text-align:right;
}

#howenjoy_main #of02_prof{
font-size:10px;
float:left;
margin-top:18px;
width:198px;
height:120px;
}

#howenjoy_main #of03{
width:633px;
height:277px;
margin:0 auto 20px;
background-image:url(img/common/howenjoy/howimg_47.gif);
background-repeat:no-repeat;
background-position:right bottom;
line-height:12px;
}



#howenjoy_main #of03_face{
width:163px;
height:277px;
margin:0;
background-image:url(img/common/howenjoy/howimg_39.jpg);
background-repeat:no-repeat;
background-position:bottom;
float:left;
text-align:right;
}

#howenjoy_main #of03_prof{
font-size:10px;
float:left;
margin:0;
width:450px;
height:68px;
padding:0 0 0 15px;
}

#howenjoy_main #of04{
width:309px;
height:322px;
margin:0;
background-image:url(img/common/howenjoy/howimg_53.gif);
background-repeat:no-repeat;
background-position:bottom;
line-height:12px;
float:left;
}

#howenjoy_main #of04_face{
width:107px;
height:144px;
margin:0;
background-image:url(img/common/howenjoy/howimg_51.jpg);
background-repeat:no-repeat;
background-position:bottom;
float:left;
text-align:right;
}

#howenjoy_main #of04_prof{
font-size:10px;
margin:0 auto;
width:244px;
height:41px;
padding:3px 0 0;
}

#howenjoy_main #of05{
width:307px;
height:322px;
margin:0;
background-image:url(img/common/howenjoy/howimg_58.gif);
background-repeat:no-repeat;
background-position:bottom;
line-height:12px;
float:left;
}

#howenjoy_main #of05_face{
width:112px;
height:144px;
margin:0;
background-image:url(img/common/howenjoy/howimg_59.gif);
background-repeat:no-repeat;
background-position:bottom;
float:left;
text-align:right;
}

#howenjoy_main #of05_prof{
font-size:10px;
margin:0 auto;
width:237px;
height:51px;
padding:3px 0 0 10px;
}

#howenjoy_main #of06{
width:309px;
height:322px;
margin:0;
background-image:url(img/common/howenjoy/howimg_53.gif);
background-repeat:no-repeat;
background-position:bottom;
line-height:12px;
float:left;
}

#howenjoy_main #of06_face{
width:107px;
height:144px;
margin:0;
background-image:url(img/common/howenjoy/howimg_51.jpg);
background-repeat:no-repeat;
background-position:bottom;
float:left;
text-align:right;
}

#howenjoy_main #of06_prof{
font-size:10px;
margin:0 auto;
width:244px;
height:41px;
padding:3px 0 0;
}

#howenjoy_main #of07{
width:307px;
height:322px;
margin:0;
background-image:url(img/common/howenjoy/howimg_68.gif);
background-repeat:no-repeat;
background-position:bottom;
line-height:12px;
float:left;
}

#howenjoy_main #of07_face{
width:112px;
height:144px;
margin:0;
background-image:url(img/common/howenjoy/howimg_59.gif);
background-repeat:no-repeat;
background-position:bottom;
float:left;
text-align:right;
}

#howenjoy_main #of07_prof{
font-size:10px;
margin:0 auto;
width:237px;
height:40px;
padding:3px 0 0 10px;
}

#howenjoy_main #of08{
width:309px;
height:322px;
margin:0;
background-image:url(img/common/howenjoy/howimg_73.gif);
background-repeat:no-repeat;
background-position:bottom;
line-height:12px;
float:left;
}

#howenjoy_main #of08_face{
width:107px;
height:144px;
margin:0;
background-image:url(img/common/howenjoy/howimg_51.jpg);
background-repeat:no-repeat;
background-position:bottom;
float:left;
text-align:right;
}

#howenjoy_main #of08_prof{
font-size:10px;
margin:0 auto;
width:244px;
height:48px;
padding:3px 0 0;
letter-spacing:0.7px;
}

#howenjoy_main #of09{
width:307px;
height:322px;
margin:0;
background-image:url(img/common/howenjoy/howimg_78.gif);
background-repeat:no-repeat;
background-position:bottom;
line-height:12px;
float:left;
}

#howenjoy_main #of09_face{
width:112px;
height:144px;
margin:0;
background-image:url(img/common/howenjoy/howimg_59.gif);
background-repeat:no-repeat;
background-position:bottom;
float:left;
text-align:right;
}

#howenjoy_main #of09_prof{
font-size:10px;
margin:0 auto;
width:237px;
height:40px;
padding:3px 0 0 10px;
}

#howenjoy_main #of10{
width:309px;
height:322px;
margin:0;
background-image:url(img/common/howenjoy/howimg_82.gif);
background-repeat:no-repeat;
background-position:bottom;
line-height:12px;
float:left;
}

#howenjoy_main #of10_face{
width:107px;
height:173px;
margin:0;
background-image:url(img/common/howenjoy/howimg_83.gif);
background-repeat:no-repeat;
background-position:bottom;
float:left;
text-align:right;
}

#howenjoy_main #of10_prof{
font-size:10px;
margin:0 auto;
width:244px;
padding:3px 0 0;
}

#howenjoy_main #of11{
width:309px;
height:322px;
margin:0;
background-image:url(img/common/howenjoy/howimg_88.gif);
background-repeat:no-repeat;
background-position:bottom;
line-height:12px;
float:left;
}

#howenjoy_main #of11_face{
width:107px;
height:144px;
margin:0;
background-image:url(img/common/howenjoy/howimg_51.jpg);
background-repeat:no-repeat;
background-position:bottom;
float:left;
text-align:right;
}

#howenjoy_main #of11_prof{
font-size:10px;
margin:0 auto;
width:244px;
height:48px;
padding:3px 0 0;
letter-spacing:0.7px;
}

#howenjoy_main #of12{
width:307px;
height:322px;
margin:0;
background-image:url(img/common/howenjoy/howimg_93.gif);
background-repeat:no-repeat;
background-position:bottom;
line-height:12px;
float:left;
}

#howenjoy_main #of12_face{
width:112px;
height:144px;
margin:0;
background-image:url(img/common/howenjoy/howimg_59.gif);
background-repeat:no-repeat;
background-position:bottom;
float:left;
text-align:right;
}

#howenjoy_main #of12_prof{
font-size:10px;
margin:0 auto;
width:237px;
height:40px;
padding:3px 0 0 10px;
}

#howenjoy_main #of13{
width:309px;
height:322px;
margin:0;
background-image:url(img/common/howenjoy/howimg_97.gif);
background-repeat:no-repeat;
background-position:bottom;
line-height:12px;
float:left;
}

#howenjoy_main #of13_face{
width:107px;
height:205px;
margin:0;
background-image:url(img/common/howenjoy/howimg_98.gif);
background-repeat:no-repeat;
background-position:bottom;
float:left;
text-align:right;
}

#howenjoy_main #of13_prof{
font-size:10px;
margin:0 auto;
width:244px;
height:48px;
padding:30px 0 0;
letter-spacing:0.7px;
}*/

/*091015*/

/*#howenjoy_main #of14{
width:307px;
height:322px;
margin:0;
background-image:url(img/common/howenjoy/howimg_206.gif);
background-repeat:no-repeat;
background-position:bottom;
line-height:12px;
float:left;
}

#howenjoy_main #of14_face{
width:112px;
height:151px;
margin:0;
background-image:url(img/common/howenjoy/howimg_205.gif);
background-repeat:no-repeat;
background-position:bottom;
float:left;
text-align:right;
}

#howenjoy_main #of14_prof{
font-size:10px;
margin:0 auto;
width:237px;
height:40px;
padding:3px 0 0 10px;
}

#howenjoy_main #of15{
width:633px;
height:277px;
margin:0 auto 17px;
background-image:url(img/common/howenjoy/howimg_210.gif);
background-repeat:no-repeat;
background-position:396px 109px;
line-height:12px;
}

#howenjoy_main #of15_face{
width:163px;
height:277px;
margin:0;
background-image:url(img/common/howenjoy/howimg_39.jpg);
background-repeat:no-repeat;
background-position:bottom;
float:left;
text-align:right;
}

#howenjoy_main #of15_prof{
font-size:10px;
float:left;
margin-top:18px;
width:198px;
height:120px;
}*/

/*091015*/
/*#howenjoy_main .off_margin0{
margin:0;
padding:0;
}

#howenjoy_main .ofwarpper{
width:616px;
margin:0 auto 20px;
}*/
/*official*/


/*2010_official*/
/*通常オフィシャル出題者---------------------------------------*/
#howenjoy_main .nomal_wrapper{
width:300px;
margin:10px 0;
float:left;
border-right:16px #fff solid;
background:url(img/common/howenjoy/bg_howenjoy_07.gif);
text-align:center;
padding:4px 0;
}

#howenjoy_main .nomal_left{
margin-left:22px;
}

#howenjoy_main .nomal_wrapper dl{
width:292px;
background:#ececec;
margin:0 auto;
padding:8px 0;
}

#howenjoy_main .nomal_wrapper dl dt{
width:94px;
float:left;
text-align:left;
height:155px;
}

#howenjoy_main .nomal_wrapper dl dt span{
display:block;
margin-left:8px;
padding-bottom:98px;
width:82px;
}

#howenjoy_main .nomal_wrapper dl dd{
width:189px;
float:left;
}

/*注目オフィシャル出題者---------------------------------------*/
#howenjoy_main .notice_wrapper{
width:616px;
margin:10px auto 0;
background:url(img/common/howenjoy/bg_howenjoy_07.gif);
text-align:center;
padding:4px 0;
}

#howenjoy_main .notice_wrapper dl{
width:608px;
background:#ececec;
margin:0 auto;
padding:8px 0;
}

#howenjoy_main .notice_wrapper dl dt{
width:149px;
float:left;
text-align:left;
}

#howenjoy_main .notice_wrapper dl dt span{
display:block;
margin-left:8px;
padding-bottom:142px;
width:128px;
}

#howenjoy_main .notice_wrapper dl dd{
width:450px;
float:left;
}
/*新規オフィシャル出題者---------------------------------------*/
#howenjoy_main .pickup_wrapper{
width:616px;
margin:10px auto 0;
background:url(img/common/howenjoy/bg_howenjoy_06.gif);
text-align:center;
padding:4px 0;
}

#howenjoy_main .pickup_wrapper dl{
width:608px;
background:#ffe9c8;
margin:0 auto;
padding:8px 0;
}

#howenjoy_main .pickup_wrapper dl dt{
width:149px;
float:left;
text-align:left;
}

#howenjoy_main .pickup_wrapper dl dt span{
display:block;
margin-left:8px;
padding-bottom:142px;
width:128px;
}

#howenjoy_main .pickup_wrapper dl dd{
width:450px;
float:left;
}

/*「PROFILE」画像表示---------------------------------------*/
#howenjoy_main .pickup_wrapper dl dd.of_profile{/*新規*/
border:1px solid #cebca2;
background:#fff url(img/common/howenjoy/howimg_211.gif) no-repeat;
background-position:center center;
width:448px !important;
padding:0;
height:12px;
}

#howenjoy_main .pickup_wrapper dl dd.of_profile span{/*新規*/
display:none;
}

#howenjoy_main .notice_wrapper dl dd.of_profile{/*注目*/
border:1px solid #b9b9b9;
background:#fff url(img/common/howenjoy/howimg_213.gif) no-repeat;
background-position:center center;
width:448px !important;
padding:0;
height:12px;
}

#howenjoy_main .notice_wrapper dl dd.of_profile span{/*注目*/
display:none;
}

#howenjoy_main .nomal_wrapper dl dd.of_profile{/*通常*/
border:1px solid #b9b9b9;
background:#fff url(img/common/howenjoy/howimg_213.gif) no-repeat;
background-position:center center;
width:187px !important;
padding:0;
height:12px;
}

#howenjoy_main .nomal_wrapper dl dd.of_profile span{/*通常*/
display:none;
}
/*「PROFILE」画像表示---------------------------------------*/

/*出題者紹介欄----------------------------------------------*/
#howenjoy_main .pickup_wrapper dl dd.of_comment{
border-bottom:1px solid #cebca2;
padding:5px 0 10px 0;
text-align:left;
margin-bottom:10px;
}

#howenjoy_main .notice_wrapper dl dd.of_comment{
border-bottom:1px solid #b9b9b9;
padding:5px 0 10px 0;
text-align:left;
margin-bottom:10px;
}

#howenjoy_main .nomal_wrapper dl dd.of_comment{
border-bottom:1px solid #b9b9b9;
padding:5px 0 10px 0;
text-align:left;
margin-bottom:10px;
}
/*出題者紹介欄----------------------------------------------*/

/*作成クイズ欄----------------------------------------------*/
#howenjoy_main .pickup_wrapper dl dd.of_quiz{/*新規*/
border:1px solid #cebca2;
background:#fff;
width:221px;
text-align:left;
padding-top:1px;
}

#howenjoy_main .pickup_wrapper dl dd.of_quiz ul{/*新規*/
width:219px;
line-height:120%;
padding:0 0 5px 0;
margin:0;
list-style-type:none;
}

#howenjoy_main .pickup_wrapper dl dd.of_quiz ul li{/*新規*/
margin-left:4px;
background:url(img/common/howenjoy/howimg_212.gif) no-repeat;
background-position:0 5px;
padding-left:10px;
margin-top:5px;
}

#howenjoy_main .pickup_wrapper dl dd.of_quiz ul li.title{/*新規*/
margin-left:1px !important;
background:#252525 !important;
padding-left:0 !important;
margin-top:0 !important;
color:#fff;
font-size:10px;
text-align:center;
width:219px;
line-height:100%!important;
}

#howenjoy_main .notice_wrapper dl dd.of_quiz{/*注目*/
border:1px solid #b9b9b9;
background:#fff;
width:221px;
text-align:left;
padding-top:1px;
}

#howenjoy_main .notice_wrapper dl dd.of_quiz ul{/*注目*/
width:219px;
line-height:120%;
padding:0 0 5px 0;
margin:0;
list-style-type:none;
}

#howenjoy_main .notice_wrapper dl dd.of_quiz ul li{/*注目*/
margin-left:4px;
background:url(img/common/howenjoy/howimg_212.gif) no-repeat;
background-position:0 5px;
padding-left:10px;
margin-top:5px;
}

#howenjoy_main .notice_wrapper dl dd.of_quiz ul li.title{/*注目*/
margin-left:1px !important;
background:#252525 !important;
padding-left:0 !important;
margin-top:0 !important;
color:#fff;
font-size:10px;
text-align:center;
width:219px;
line-height:100%!important;
}

#howenjoy_main .nomal_wrapper dl dd.of_quiz{/*通常*/
border:1px solid #b9b9b9;
background:#fff;
width:187px;
text-align:left;
padding-top:1px;
}

#howenjoy_main .nomal_wrapper dl dd.of_quiz ul{/*通常*/
width:185px;
line-height:120%;
padding:0 0 5px 0;
margin:0;
list-style-type:none;
}

#howenjoy_main .nomal_wrapper dl dd.of_quiz ul li{/*通常*/
margin-left:4px;
background:url(img/common/howenjoy/howimg_212.gif) no-repeat;
background-position:0 5px;
padding-left:10px;
margin-top:5px;
}

#howenjoy_main .nomal_wrapper dl dd.of_quiz ul li.title{/*通常*/
margin-left:1px !important;
background:#252525 !important;
padding-left:0 !important;
margin-top:0 !important;
color:#fff;
font-size:10px;
text-align:center;
width:185px;
line-height:100%!important;
}
/*作成クイズ欄----------------------------------------------*/

/*作成実績紹介欄--------------------------------------------*/
#howenjoy_main .pickup_wrapper dl dd.of_works{/*新規*/
width:227px;
text-align:left;
}

#howenjoy_main .pickup_wrapper dl dd.of_works ul{/*新規*/
margin:0;
list-style-type:none;
background:url(img/common/howenjoy/howimg_231.gif) no-repeat;
margin-left:10px;
padding:0;
}

#howenjoy_main .pickup_wrapper dl dd.of_works ul li{/*新規*/
background:url(img/common/howenjoy/howimg_230.gif) no-repeat;
background-position:0 8px;
padding:0 0 0 10px;
}

#howenjoy_main .pickup_wrapper dl dd.of_works ul li.title{/*新規*/
font-weight:bold;
font-size:13px;
background:none !important;
border-bottom:1px solid #cebca2;
margin-bottom:5px;
padding:0 0 0 5px !important;
}

#howenjoy_main .notice_wrapper dl dd.of_works{/*注目*/
width:227px;
text-align:left;
}

#howenjoy_main .notice_wrapper dl dd.of_works ul{/*注目*/
margin:0;
list-style-type:none;
background:url(img/common/howenjoy/howimg_232.gif) no-repeat;
margin-left:10px;
padding:0;
}

#howenjoy_main .notice_wrapper dl dd.of_works ul li{/*注目*/
background:url(img/common/howenjoy/howimg_230.gif) no-repeat;
background-position:0 8px;
padding:0 0 0 10px;
}

#howenjoy_main .notice_wrapper dl dd.of_works ul li.title{/*注目*/
font-weight:bold;
font-size:13px;
background:none !important;
border-bottom:1px solid #b9b9b9;
margin-bottom:5px;
padding:0 0 0 5px !important;
}


#howenjoy_main .nomal_wrapper dl dd.of_works{/*通常*/
width:187px;
text-align:left;
padding-left:94px;
}

#howenjoy_main .nomal_wrapper dl dd.of_works ul{/*通常*/
margin:10px 0 0;
list-style-type:none;
background:url(img/common/howenjoy/howimg_232.gif) no-repeat;
padding:0;
}

#howenjoy_main .nomal_wrapper dl dd.of_works ul li{/*通常*/
background:url(img/common/howenjoy/howimg_230.gif) no-repeat;
background-position:0 8px;
padding:0 0 0 10px;
}

#howenjoy_main .nomal_wrapper dl dd.of_works ul li.title{/*通常*/
font-weight:bold;
font-size:13px;
background:none !important;
border-bottom:1px solid #b9b9b9;
margin-bottom:5px;
padding:0 0 0 5px !important;
}
/*作成実績紹介欄--------------------------------------------*/

#howenjoy_main .pickup_wrapper dl span.tomiyama{
background:url(img/common/howenjoy/howimg_official.jpg) no-repeat;
background-position:0 20px;
}

#howenjoy_main .pickup_wrapper dl span.persona{
background:url(img/common/howenjoy/howimg_official.jpg) no-repeat;
background-position:-148px 20px;
}

#howenjoy_main .pickup_wrapper dl span.butterfly{
background:url(img/common/howenjoy/howimg_official.jpg) no-repeat;
background-position:-296px 20px;
}


#howenjoy_main .pickup_wrapper dl span.alice{
background:url(img/common/howenjoy/howimg_official.jpg) no-repeat;
background-position:-2056px 20px;
}

#howenjoy_main .notice_wrapper dl span.ishihara{
background:url(img/common/howenjoy/howimg_official.jpg) no-repeat;
background-position:-445px 31px;
}

#howenjoy_main .notice_wrapper dl span.tanaka{
background:url(img/common/howenjoy/howimg_official.jpg) no-repeat;
background-position:-741px 31px;
}

#howenjoy_main .notice_wrapper dl span.hidaka{
background:url(img/common/howenjoy/howimg_official.jpg) no-repeat;
background-position:-593px 31px;
}

#howenjoy_main .notice_wrapper dl span.ando{
background:url(img/common/howenjoy/howimg_official.jpg) no-repeat;
background-position:-889px 31px;
}

#howenjoy_main .nomal_wrapper dl span.charlie{
background:url(img/common/howenjoy/howimg_official.jpg) no-repeat;
background-position:-1037px 29px;
}

#howenjoy_main .nomal_wrapper dl span.kimura{
background:url(img/common/howenjoy/howimg_official.jpg) no-repeat;
background-position:-1343px 20px;
}

#howenjoy_main .nomal_wrapper dl span.mizuno{
background:url(img/common/howenjoy/howimg_official.jpg) no-repeat;
background-position:-1139px 20px;
}

#howenjoy_main .nomal_wrapper dl span.akatu{
background:url(img/common/howenjoy/howimg_official.jpg) no-repeat;
background-position:-1547px 29px;
}

#howenjoy_main .nomal_wrapper dl span.yuki{
background:url(img/common/howenjoy/howimg_official.jpg) no-repeat;
background-position:-1445px 20px;
}

#howenjoy_main .nomal_wrapper dl span.kasahara{
background:url(img/common/howenjoy/howimg_official.jpg) no-repeat;
background-position:-1241px 20px;
}

#howenjoy_main .nomal_wrapper dl span.abe{
background:url(img/common/howenjoy/howimg_official.jpg) no-repeat;
background-position:-1649px 20px;
}

#howenjoy_main .nomal_wrapper dl span.tqc{
background:url(img/common/howenjoy/howimg_official.jpg) no-repeat;
background-position:-1751px 50px;
}

#howenjoy_main .nomal_wrapper dl span.q3{
background:url(img/common/howenjoy/howimg_official.jpg) no-repeat;
background-position:-1853px 20px;
}

#howenjoy_main .nomal_wrapper dl span.felice{
background:url(img/common/howenjoy/howimg_official.jpg) no-repeat;
background-position:-1955px 25px;
}
/*2010_official*/