/* ---------------------------------------------
 �¥common.css�¥
-------------------------------------------------*/
.contents{ width:960px; margin:0 auto; text-align:left; padding-bottom: 40px; }
.a1_0903new #contents_0903new #contents{ width:720px !important; }



/* ----------------------
h1area  
----------------------*/
#h1area h1{ float: left; width: 110px; margin-right: 10px; border-right:#AC1F21 2px solid; margin: 0 10px 8px 0; }
#h1area p{ float: left; width: 800px;}

/* ----------------------
	sidemenu  
----------------------*/

#sidemenu{ float:left; width:220px; }
#sidemenu .osusume{ border:#460000 1px solid; border-bottom:#460000 5px solid; }
#sidemenu .osusume h2{ background:#460000; padding: 8px; text-align: center; color: #fff; font-weight: bold;}
#sidemenu .osusume dl{ padding: 10px;}
#sidemenu .osusume dl dd:first-child a { font-weight: bold; }

#sidemenu h2{ background: #000; font-weight: bold; color: #9e9e9e; padding: 5px; font-size: 18px;}
#sidemenu .osusume h2,
#sidemenu h2,
#sidemenu ul.style{ font-family: 'Noto Sans', sans-serif; font-family: 'Noto Serif', serif; transform: rotate(0.05deg); }
/*
 *NotoSans-Regular.ttf: Copyright 2012 Google Inc. All Rights Reserved.
 *NotoSans-Italic.ttf: Copyright 2012 Google Inc. All Rights Reserved.
 *NotoSans-Bold.ttf: Copyright 2012 Google Inc. All Rights Reserved.
 *NotoSans-BoldItalic.ttf: Copyright 2012 Google Inc. All Rights Reserved.
*/
/*
 *NotoSerif-Regular.ttf: Copyright 2012 Google Inc. All Rights Reserved.
 *NotoSerif-Italic.ttf: Copyright 2012 Google Inc. All Rights Reserved.
 *NotoSerif-Bold.ttf: Copyright 2012 Google Inc. All Rights Reserved.
 *NotoSerif-BoldItalic.ttf: Copyright 2012 Google Inc. All Rights Reserved.
*/


#sidemenu ul.style li{ width:220px; height:34px;}
#sidemenu ul.style li a{ padding: 8px;  color: #fff !important; font-weight: bold; display: block; font-size: 15px; }
#sidemenu ul.style li{ background:url("/selection/rose/2017images/nav_off.gif") no-repeat 0 0; padding: 1px 0; }
#sidemenu ul.style li a:hover{ background:url("/selection/rose/2017images/nav_on.gif") no-repeat 0 0; }

#sidemenu ul.style li:last-child{ background: #000; }



/* ----------------------
  .bnrs
----------------------*/
div.bnrs h2{ background: #460000; color: #fff; font-weight: bold; padding: 5px; font-size: 15px; margin: 20px 0 10px 0; }
div.bnrs li{ float: left; width: 310px; margin: 0 0 0 10px; }


	
/* ----------------------
  column  
----------------------*/
.column h2{ background: #460000; color: #fff; font-weight: bold; padding: 5px; font-size: 15px; margin: 20px 0 10px 0; }

/* ----------------------
  pageup  
----------------------*/

#main .pageup{ clear:both; padding:0 2px; background:#fff; }
#main .pageup p{ padding:4px 18px 4px 0; background:url("/selection/rose/image/arw_up.jpg") no-repeat right center; font-size:120%; text-align:right; }
/* ----------------------
  go to toppage  
----------------------*/

#main .gotop,
#styletest .gotop,
#styletype .gotop{ clear:both; padding:10px 2px 0 0; background:#fff; }
#main .gotop p,
#styletest .gotop p,
#styletype .gotop p{ padding:4px 18px 4px 0; background:url("/selection/rose/image/arw_right.jpg") no-repeat right center; font-size:120%; text-align:right; }
/* btn*/
div.btn { background: #b52a44; padding: 5px; border-radius: 7px; text-align: center; font-size: 120%; color: #fff; }
div.btn a:link,
div.btn a:active,
div.btn a:visited,
div.btn a:hover { color:#fff !important; text-decoration:none !important; }


/* ------------------------------------------------------------------*/
/*  columnArea  */
/* ------------------------------------------------------------------*/

.mainArea .columnArea { margin:5px 0 0 25px; padding-bottom:20px; }
.topic_box01 { padding:6px 0; margin:0 5px 0 0; float:left; background:url(//img.e87.com/images/dot_line.gif) no-repeat center top; }
.topic_box02 { padding:6px 0; float:left; background:url(//img.e87.com/images/dot_line.gif) no-repeat center top; }
.columnArea .textBox { float:left; }
.columnArea .textBox a { font-size:85%; color:#ca417d; font-weight:bold; text-decoration:underline; }
.columnArea .textBox a:hover { text-decoration:none; color: #ca417d; }
.columnArea .textBox p { width:145px; font-size:85%; line-height:120%; margin:4px 0 0 0; }
.columnArea .imgBox { float:left; width:80px; margin:0 0 0 5px; }