@charset "euc-jp";

/*-----------------------------------------------------------------------
	共有基本CSS
-------------------------------------------------------------------------*/

#main { padding: 10px 0 20px 10px; float: right; width: 580px;  }
*html #main { /*\*/margin: 0 -10px 0 0; width: 590px;/**/ }
/*+html #main {  padding: 10px 0 30px 10px; }*/


/* Opera、Firefox用 */
#main hr { display: block; clear: both; visibility: hidden; }
/* IE用 */
*html #main hr { height: 6px; /*\*/margin: 0 0 -15px 0; height: auto;/**/ }
/* IE7用 */
*:first-child+html #main hr { margin: 0 0 -20px 0; }

/*#main h2 { height: 21px; font-size: 90%; padding: 10px 0 0 20px; }*/
#main h2 { height: 25px; font-size: 100%; padding: 6px 0 0 30px; }

#main h2 { background: url(/share_images/title/share.gif) no-repeat; }
#main h2 span { font-weight: normal; }

#main .navi p { font-size: 70%; text-align: right; margin: 0; }
*html #main .navi p { /*\*/padding: 0 10px 0 0;/**/ }

.wgroup,.mgroup,.ngroup { margin: 10px 0 0 10px; padding: 10px 5px 10px 10px; width: 265px; height: 160px; overflow: hidden; float: left; }
*html .wgroup { /*\*/margin: 10px 5px 0 5px;/**/ }
*html .mgroup { /*\*/margin: 10px 5px 0 5px;/**/ }
*html .ngroup { /*\*/margin: 10px 5px 0 5px;/**/ }
.wgroup { background: #ffe5f7/*#FFE5E5*/; }
.mgroup { background: #e5f2ff/*e5f4ff/*#e8ebff/*#e5eeff#E5F7FF*/; }
.ngroup { background: #fff7cc/*#ffffcc#FFE5CC*/; }
.wgroup p, .mgroup p, .ngroup p { font-size: 65%; }
.wgroup img,.mgroup img,.ngroup img,.sn img { margin: 0 10px 10px 0; border: 1px solid #333333; float: left; }

.wgroup p span, .mgroup p span, .ngroup p span { text-indent: -9999px; display: block; margin: 5px 0 0 112px; width: 68px; height: 23px; }
.wgroup p span a, .mgroup p span a, .ngroup p span a { height: 23px; display: block; }
.wgroup p span { background: url(/share_images/todetail/woman_up.gif) no-repeat; }
.wgroup p span a:hover { background: url(/share_images/todetail/woman_ov.gif) no-repeat; }
.mgroup p span { background: url(/share_images/todetail/man_up.gif) no-repeat; }
.mgroup p span a:hover { background: url(/share_images/todetail/man_ov.gif) no-repeat; }
.ngroup p span { background: url(/share_images/todetail/neutral_up.gif) no-repeat; }
.ngroup p span a:hover { background: url(/share_images/todetail/neutral_ov.gif) no-repeat; }

#main h5 { line-height: 120%; }
#main h5 a { color: #333333; }
#main h5 img { margin: 0; float: none; border: none; vertical-align: top; }
#main ul { margin: 0 0 0 110px; padding: 5px 0 0 0; font-size: 70%; line-height: 130%; }
#main li { padding: 0 0 0 12px; /*background: url(/share_images/buret/magazine.gif) no-repeat 0 3px;*/ }
.wgroup li { background: url(/share_images/buret/woman.gif) no-repeat 0 5px; /*\*/background: url(/share_images/buret/woman.gif) no-repeat 0 3px;/**/ }
.mgroup li { background: url(/share_images/buret/man.gif) no-repeat 0 5px; /*\*/background: url(/share_images/buret/man.gif) no-repeat 0 3px;/**/ }
.ngroup li { background: url(/share_images/buret/normal.gif) no-repeat 0 5px; /*\*/background: url(/share_images/buret/normal.gif) no-repeat 0 3px;/**/ }
#main .right { padding: 10px 0 0 0; float: right; font-size: 75%; }
*html #main .right { padding: 10px 10px 0 0; }
#main .left { padding: 10px 0 0 10px; float: left; font-size: 75%; }

#main p.notitle { padding: 20px 0 100px 20px; font-size: 90%; }



/*	a:hover { color: #FF9900; text-decoration: underline; }
	hr { visibility: hidden; display: none; }*/

body#view { margin: 0 auto; width: 800px; text-align: center; font-size: 100%; color: #333333; /*\*/letter-spacing: 0.1em;/**/ line-height: 120%; position: relative; }

body#view #header { height: auto; padding: 5px 0 0px 0; background: #FF8000; text-indent: -9999px; }
body#view #header h1 { height: 20px; padding: 0 0 0 15px; background: url(/share_images/header/logo.gif) no-repeat 15px 0; position: static; }
body#view #header h1 a { display: block; height: 20px; width: 76px; }
body#view #header .line { margin: 5px 0 0 0; clear: both; border-top: 1px solid #ffffff; border-bottom: 0px; height: 10px; background: #ffbf80; }

body#view h2 { margin: 10px 0 0 0; font-size: 120%; }
body#view h2 a { color: #0000FF; }
body#view a img { margin: 5px 0 0 0; border: 1px solid #333333; }
body#view #excuse { margin: 10px 170px 0 170px; padding: 10px; text-align: left; background-color: #ffbf80; }
body#view #excuse h3 { margin-bottom: 5px; }
body#view #excuse h4 { font-size: 90%; font-weight: normal; }

body#view input { margin: 10px 0 0 0; }

body#view #footer { padding: 5px 0; background: #F2F2F2; font-size: 70%; }
body#view #footer p { margin: 0; }

body#view .line { border-top: 5px solid #ffbf80; border-bottom: 9px solid #ff7f00; margin: 10px 0 1px 0; clear: both; height: 1px; background: #ffffff; }
body#view .line hr { display: none; }