@charset "utf-8";

#wrapCen    {width:1000px; margin:0 auto; background:url(../images/ideas/i_visual.jpg) top center no-repeat;} /* sub header bg img */

/* link */
a.pageLink:link, a.pageLink:visited, a.pageLink:active {color:#288cbd; font-weight:bold;}
a.pageLink:hover {text-decoration:underline;}

/* ul/li */
h4.stitH4   {clear:left; margin-bottom:7px; color:#000; font-weight:bold; height:18px; font-size:14px;}
h4.styH4    {clear:left; margin-top:15px; color:#80a0be; font-weight:bold; height:18px;}
h4.styH44     {clear:left; float:left; margin-top:30px; color:#80a0be; font-weight:bold; height:18px; margin-left:30px; _display:inline;}
h4.styH44 img {margin:15px; vertical-align:middle;}
h4.styH42   {clear:left; margin-top:5px; color:#80a0be; font-weight:bold; height:18px;}
h4.styH43   {clear:left; margin:5px 10px 0 0; color:#80a0be; font-weight:bold; height:18px; float:left;}

/* List Box */
.stitBoxMain {height:73px; background:url('../images/ideas/ico_idea.gif') 91px 0 no-repeat; padding:20px 0 0 171px; color:#5e768d;}
.stitBox	{width:553px; height:65px; margin:0 0 15px 0; background:url('../images/ideas/bg_enjoySmarter.gif') 45px 0 no-repeat; padding:30px 0 0 165px; color:#5e768d;}
.stitBox2	{width:553px; height:65px; margin:0 0 15px 0; background:url('../images/ideas/bg_workSmarter.gif') 45px 0 no-repeat; padding:30px 0 0 165px; color:#5e768d;}
.grayBox    {clear:left; float:left; width:703px; height:15px; margin:15px 0 15px 0; padding:5px 10px 5px 5px; background-color:#f4f4f4; text-align:right;}
.grayBox2   {clear:left; float:left; width:683px; height:15px; margin:15px 0 15px 0; background:url('../images/ideas/ico_back_list.gif') 15px 9px no-repeat; padding:5px 10px 5px 25px; background-color:#f4f4f4; color:#288cbd; font-size:10px;}
.listBox    {clear:left; width:718px;} 
.listImg    {width:140px; min_height:50px; _height:50px; margin:10px 20px 0 0; border:1px solid #e1e1e1; float:left;} 
.listText   {width:550px; padding-bottom:20px; float:left;}
.listTextTit{width:550px; padding-bottom:10px; float:left;}
.listWrap          {clear:left; width:718px;} 
.listBox2          {float:left; width:140px; display:inline; margin:20px 0 0 30px;}  
.listBox2 ul li.img   {float:left; width:140px; min_height:100px; _height:100px; border:1px solid #e1e1e1;} 
.listBox2 ul li.text  {float:left; width:140px; padding-top:10px; height:31px;}

/* View Box */
.viewImg    {width:270px; height:190px; margin:0 20px 15px 0; border:1px solid #e1e1e1; float:left;}
.viewText   {width:400px; padding-bottom:20px; float:left;}
.viewTextTit{width:400px; padding:5px 0 10px 0; float:left;}
ul.viewImgS {float:left;} 
ul.viewImgS li {width:65px; height:65px; margin:0 15px 5px 0; border:1px solid #e1e1e1;} 
dl.viewBu   {width:330px; float:left;}
dl.viewBu dt{color:#80a0be; font-weight:bold; margin-bottom:5px;}
dl.viewBu dd{background:url(../images/common/bu_skyblue.gif) 2px 10px no-repeat; padding-left:10px; line-height:22px;}
.bgReivew   {background-color:#898989; padding:2px 7px 3px 7px; margin:2px 0 10px 0; color:#fff;}
.reivewList {width:718px; float:left; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #e1e1e1;}
dl.name		{width:115px; float:left; padding:0 5px 0 5px;}
dl.name dt  {color:#8c6239; font-weight:bold;}
dl.name dd  {color:#999999; font-size:10px;}
dl.reivew	{width:580px; float:left; padding:0 5px 0 5px; border-left:1px dashed #e1e1e1;}
dl.reivew dt{color:#000; font-weight:bold; margin-bottom:5px;}
dl.reivew dd{padding:0 5px 0 5px;}
.rFormL     {width:160px; color:#8c6239; padding-left:7px; margin-bottom:10px; font-weight:bold; float:left;}
.rFormR     {width:530px; margin-bottom:10px; float:left;}

/* form */
input.reivew    {border:1px solid #bebaae; width:530px; height:18px; color:#777777; padding-left:3px;}
textarea.reivew {border:1px solid #bebaae; width:530px; height:150px; color:#777777; padding-left:3px;}


/* table */  
table.tableSty     {font-size:12px; border-collapse:collapse; border-top:2px solid #313842; text-align:center;}
table.tableSty caption.capNone {display:none;}
table.tableSty caption.capL    {font-size:10px; text-align:left;}
table.tableSty caption.capR    {font-size:10px; text-align:right;}
table.tableSty th  {padding:4px 7px 4px 7px; border:1px solid #dedede; background-color:#f4f4f4; color:#313842; font-weight:bold; font-size:11px;}
table.tableSty td  {padding:4px 7px 4px 7px; height:15px; border:1px solid #dedede;}
table.taL    {text-align:left;}
table.taR    {text-align:right;}
table.p100   {width:100%;} /* body 100%=718px */
table.pL10   {padding-left:10px;}
table.pL12   {padding-left:12px;}