@import "base.css";
@import "common.css";

/* --------------------------------------------
   トップページのみの設定
-------------------------------------------- */
#flash {
	margin-top:1px;
	width:862px;
}

#flash .imagebox,
#flash .flashbox {
	float:left;
}

#flash .imagebox {
	width:600px;
}

#flash .flashbox {
	width:260px;
}


#contentsgrandtop {
	width:860px;
	padding:0 0 10px 0;
	background: url(../../images/grandtop/bg_main_bottom.gif) no-repeat left bottom;
}

#contentsgrandtop .leftbox,
#contentsgrandtop .rightbox {
	float:left;
	margin-top:10px;
}

#contentsgrandtop .leftbox{
	width:510px;
	margin-right:10px;
}

#contentsgrandtop .rightbox {
	width:340px;
}

h2 {
	border-left:4px solid #a25151;
	border-bottom:1px dotted #b2b2b2;
	padding-left:10px;
	padding-bottom:3px;
	margin-bottom:20px;
}

h2 img {
	vertical-align:top;
}

.boxwhite1 {
	background-color:#fff;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	border-top:1px solid #e6e6e6;
	padding:20px 20px;
}
/* ------------------------------------------------
  ↑お知らせの内容が長くなる場合は、『boxwhite1』に
	border-bottom:1px solid #e6e6e6;
  を追加する
 ------------------------------------------------ */

#contentsgrandtop .leftbox ul.info li{
	padding:0 0 0 1em;
	text-indent: -1em;
	list-style-type:none;
	margin:0 0;
}

#contentsgrandtop .leftbox #bnr {
	margin-top:35px;
}

#contentsgrandtop .leftbox #bnr ul li {
	display:inline;
	padding-right:20px;
}

.boxwhite2 {
	background-color:#fff;
	border:1px solid #e6e6e6;
	padding:20px 20px;
}

img.photoright {
	float:right;
	margin-left:10px;
}

#contentsgrandtop .rightbox .boxgray {
	border:1px solid #e6e6e6;
	margin-top:10px;
}

#contentsgrandtop .rightbox .inside {
	background-color:#f7f7f7;
	border:1px solid #fff;
	padding:18px 18px;
}


/* --------------------------------------------
   Print Style
-------------------------------------------- */

@media print {


#contentsgrandtop .rightbox{
	width:339px;
}