@charset "utf-8";

body {
	font-family: "MS UI Gothic", "Osaka", "ＭＳ Ｐゴシック", "arial", sans-serif;
	font-size: 0.75em;
	line-height: 160%;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	color: #4d4d4d;
	text-align: center;
	background-image: url(/img/top/top_bk_body.jpg);
	background-repeat: repeat-x;
	min-width:1200px;
}

#main-flash {
	clear:both;
	margin:0px auto;
}

#top-contents {
	background-image:url(/img/top/top_bk_main.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
}

#top-picup {
	width:920px;
	margin:0px auto;
	padding:20px 0px 0px;
}

.picup-cp {
	text-align:left;
	vertical-align:top;
}

.picup-img {
	text-align:left;
	vertical-align:top;
}

.picup-text {
	text-align:left;
	vertical-align:top;
}

#top-lineup {
	width:920px;
	margin:0px auto;
	padding:20px 0px 0px;
}

#top-lineup-rousoku {
	float:left;
	width:440px;
	background-image: url(/img/top/top_cp_rousoku.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#top-lineup-senkou {
	float:right;
	width:440px;
	background-image: url(/img/top/top_cp_senkou.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.lineup-osususme-table {
	margin:0px 0px 0px 100px;
	background-image: url(/img/com/com_line_middle.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-bottom:15px;
	width:360px;
	table-layout:fixed;
}

.lineup-img-td {
	text-align:center;
	width:180px;
	vertical-align:top;
}

.lineup-cp-td {
	text-align:left;
	width:180px;
}

.lineup-cp-text {
	padding:5px 15px;
	text-align:left;
	vertical-align:top;
}

.lineup-table {
	margin:15px 0px 0px 100px;
	width:360px;
	table-layout:fixed;
	text-align:left;
}

.lineup-rousoku-td {
	padding:1px 0px 1px 18px;
	width:50%;
	background-image:url(/img/com/com_ico_rousoku.jpg);
	background-repeat:no-repeat;
	background-position:left 5px;
}

.lineup-senkou-td {
	padding:1px 0px 1px 18px;
	width:50%;
	background-image:url(/img/com/com_ico_senkou.jpg);
	background-repeat:no-repeat;
	background-position:left 5px;
}

.lineup-table a {
	color: #4d4d4d;
	text-decoration: none;
}

.lineup-table a:hover {
	color:#FF6600;
	text-decoration: none;
}

#bottom-contents {
	background-image: url(/img/top/top_bk_news.gif);
	background-repeat:repeat-x;
	background-color:#5E3900;
	padding:30px 0px;
	text-align:center;
	margin-top:40px;
}

#bottom-contents-box {
	width:920px;
	margin:0px auto 0px;
	text-align:left;
}

#bottom-contents-box-benner {
	float:left;
	width:210px;
}

#bottom-contents-box-news {
	float:right;
	width:670px;
}

#news-picup-table {
	clear:both;
	margin:30px 30px 20px 10px;
	/*WIN IE7対応*/
	*margin:40px 30px 20px 10px;
	color:#FFFFFF; 
}

.news-picup-img-td {
	vertical-align:top;
	padding:0px 10px 0px 20px;
}

.news-picup-cp-td {
	vertical-align:top;
	padding-bottom:10px;
	width:213px;
	background-image: url(/img/com/com_line_dotted.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
}

.news-picup-text-td {
	vertical-align:top;
	padding-top:10px;
	width:213px;
}

#news-table {
	margin:0px 30px 20px 30px;
	color:#FFFFFF; 
	width:610px;
	background-image: url(/img/com/com_line_dotted.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
}

#news-table a {
	color: #ffffff;
	text-decoration: underline;
}

#news-table a:hover {
	color:#FF6600;
	text-decoration: underline;
}

.news-picup-cp-td a {
	color: #ffffff;
	text-decoration: underline;
}

.news-picup-cp-td a:hover {
	color:#FF6600;
	text-decoration: underline;
}

#news-table td {
	vertical-align:top;
	padding:10px 30px;
	background-image: url(/img/com/com_line_dotted.gif);
	background-repeat:repeat-x;
	background-position:left top;
}

/*portalから移動*/

#top-body {
	font-family: "MS UI Gothic", "Osaka", "ＭＳ Ｐゴシック", "arial", sans-serif;
	font-size: 0.75em;
	line-height: 160%;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	color: #4d4d4d;
	text-align: center;
	background-image: url(/img/top/top_bk_body.jpg);
	background-repeat: repeat-x;
	min-width:1200px;
}

#com-body {
	font-family: "MS UI Gothic", "Osaka", "ＭＳ Ｐゴシック", "arial", sans-serif;
	font-size: 0.8em;
	line-height: 160%;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	color: #4d4d4d;
	text-align: center;
	background-image: url(/img/com/com_bk_body.jpg);
	background-repeat: repeat-x;
	min-width:1200px;
}

table {
	font-size: 100%;
	font-family: "MS UI Gothic", "Osaka", "ＭＳ Ｐゴシック", "arial", sans-serif;
	line-height: 160%;
	border: 0px;
	margin: 0px;
	padding: 0px;
	color: #4d4d4d;
}

h1, h2, h3, img, p, div{
	border:0px;
	margin: 0px;
	padding: 0px;
}

ul, li, ol {
	border:0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

a {
	color:#2670D9;
	text-decoration: underline;
}

a:hover {
	color:#FF6600;
	text-decoration: underline;
}

textarea, input, select {
	color: #4d4d4d;
	font-family: "MS UI Gothic", "Osaka", "ＭＳ Ｐゴシック", "arial", sans-serif;
	font-size: 100%;
}

br {
	font-size:0px;
	line-height:0px;
}

/*テキスト装飾*/
.top-10px {
	margin-top:10px;
}

.top-20px {
	margin-top:20px;
}
	
.top-30px {
	margin-top:30px;
}

.top-50px {
	margin-top:50px;
}

/*======レイアウト用スタイル======*/
/*全体の枠*/
#com-contents {
	background-image:url(/img/com/com_bk_main.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
}

#com-fotter-image {
	background-image:url(/img/com/com_bk_footer_rousoku_03.jpg);
	background-position:920px bottom;
	background-repeat:no-repeat;
}


/*ヘッダー*/
#header {
	height:80px;
	text-align:center;
	margin:0px auto;
	background-image: url(/img/com/com_bk_head.jpg);
	background-repeat: no-repeat;
	background-position:center top;
}

#header-box {
	text-align:left;
	width:920px;
	margin:0px auto;
}

#header-link  {
	float:right;
	margin:15px auto 0px;
}

#header-link p {
	display:inline;
	margin-right:3px;
	background-image: url(/img/com/com_ico_brown.gif);
	background-repeat: no-repeat;
	padding-left:15px;
	margin-right:20px;
}

#header-link a {
	color: #4d4d4d;
	text-decoration: none;
}

#header-link a:hover {
	color:#FF6600;
	text-decoration: none;
}

.site-titile {
	float:left;
	padding:15px 0px 0px;
}

/*フッター*/
#fotter-contents {
	background-image: url(/img/top/top_bk_news.gif);
	background-repeat:repeat-x;
	background-color:#5E3900;
	padding:20px 0px;
	text-align:center;
}

#fotter-box {
	clear:both;
	border-bottom:1px solid #ffffff;
	padding-bottom:10px;
	width:920px;
	margin:0px auto 10px;
}

#fotter-link-box {
	float:left;
}

#fotter-link-box p {
	display:inline;
	margin-right:20px;
}

.pagetop {
	float:right;
}

.copyright-text {
	color:#FFFFFF;
	text-align:left;
	width:920px;
	margin:0px auto;
}

/*グローバルナビ*/
#gnavi {
	width:920px;
	margin:0px auto;
}

#gnavi p {
	display:inline;
}

/*本文*/
#page-categories {
	clear:both;
	margin:0px auto;
}

#main {
	text-align:left;
	width:920px;
	margin:0px auto;
}

#menu-box {
	float:left;
	width:210px;
	margin:10px 0px 50px;
}

#main-box {
	float:right;
	width:670px;
	margin-top:10px;
}

#title-table {
	width:670px;
	margin:0px auto 30px;
}

#title-table td {
	vertical-align:top;
}

.title-cp-td {
	width:385px;
	text-align:left;
	height:76px;
	padding:0px;
	margin:0px;
}

.title-text-td {
	padding-top:10px;
	text-align:left;
	height:135px;
}

.product-table {
	float:right;
	width:400px;
	margin:0px 0px 50px;
}

.product-img-box {
	float:left;
	width:220px;
	vertical-align:middle;
	text-align:center;
	padding-bottom:50px;
}

.product-cp-td01{
	padding:0px 10px;
	height:28px;
	vertical-align:middle;
	text-align:left;
	color:#ffffff;
	background-color:#A48051;
}

.product-cp-td02{
	padding:0px 10px 0px 0px;
	height:28px;
	vertical-align:middle;
	text-align:left;
	color:#ffffff;
	background-color:#A48051;
}

.product-point-td{
	padding:10px;
	vertical-align:middle;
	text-align:left;
	color:#A68150;
	border-bottom:1px solid #cccccc;
	font-weight:bold;
}

.product-text-td{
	padding:10px;
	vertical-align:top;
	text-align:left;
	background-image: url(/img/com/com_line_dotted_gray.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
}

.bt-pdfdr {
	text-align:right;
}

.features-box {
	background-color:#fcf7e4;
	padding-bottom:20px;
}


.features-h2 {
	float:left;
}

.features-midashi-h3 {
	margin:30px 30px 20px;
}

.features-text-box {
	float:right;
	width:565px;
	background-image:url(/img/com/com_bk_seihintokucyou.jpg);
	background-repeat:no-repeat;
	padding-top:29px;
}

.features-table {
	width:505px;
	margin:10px 30px;
}

.features-img-td {
	width:200px;
	text-align:center;
	vertical-align:top;
	background-image:url(/img/com/com_line.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:20px 0px;
}

.features-text-td {
	text-align:left;
	vertical-align:middle;
	background-image:url(/img/com/com_line.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:20px 0px;
}

.kanren-h2 {
	margin:50px 0px 30px;
}


.kanren-box {
	background-image:url(/img/com/com_line.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:0px 0px 20px;
}

.kanren-table {
	margin:0px 50px 0px 30px;
}

.kanren-img-td {
	width:120px;
	text-align:center;
	vertical-align:middle;
}

.kanren-img-td img {
	width:inherit;
	height:90px;
}

.kanren-cp-td {
	text-align:left;
	vertical-align:top;
	background-image: url(/img/com/com_ico_link.gif);
	background-repeat: no-repeat;
	color:#5E3900;
	padding-left:25px;
	font-size:1.2em;
}

.kanren-cp-td a {
	color:#5E3900;
	text-decoration: none;
}

.kanren-cp-td a:hover {
	color:#FF6600;
	text-decoration: none;
}

.kanren-text-td {
	text-align:left;
	vertical-align:middle;
	background-image:url(/img/com/com_line.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

#otoiawase-box {
	text-align:left;
	width:680px;
	margin:50px 0px;
}

#otoiawase-box p {
	display:inline;
}

.list-style {
	list-style-position: outside;
	list-style-type: circle;
	margin:10px 0px 0px 20px;
}

.cube-list-style {
	list-style-position: outside;
	list-style-type: square;
	margin:0px 0px 0px 20px;
}

.number-list-style {
	list-style-position: outside;
	list-style-type: decimal;
	margin:10px 0px 0px 30px;
}

.link-text {
	background-image: url(/img/com/com_ico_link.gif);
	background-repeat: no-repeat;
	padding-left:20px;
}

.midashi-h3 {
	background-image:url(/img/com/com_line.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:0px 0px 10px;
	margin:30px 30px 20px;
	font-size:1.2em;
}

.midashi-dotted {
	padding:0px 0px 10px;
	margin:30px 0px 20px;
	background-image: url(/img/com/com_line_dotted_gray.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	font-size:1.2em;
}

.colum-text-box {
	background-image:url(/img/com/com_line.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:0px 0px 20px;
	margin:0px 30px 30px;
}

.img-line {
	border:1px solid #cccccc;
	background-color:#ffffff;
	padding:5px;
	margin:0px 20px 20px 0px;
}

.left-img-line {
	border:1px solid #cccccc;
	background-color:#ffffff;
	padding:5px;
	float:left;
	margin:0px 20px 20px 0px;
}

.right-img-line {
	border:1px solid #cccccc;
	background-color:#ffffff;
	padding:5px;
	float:right;
	margin:0px 0px 20px 20px;
}

.categori-h2 {
	float:left;
}

.categori-table{
	float:right;
	background-image: url(/img/com/categori_line.gif);
	background-repeat: repeat-x;
	width:543px;
	margin:19px 0px 0px;
}


.categori-img-td {
	width:200px;
	vertical-align:middle;
	text-align:center;
	padding:20px 0px;
}

.categori-cp-td {
	vertical-align:bottom;
	text-align:left;
	color:#5e3c00;
	font-size:1.2em;
	padding:10px 0px;
		/*Win IE7*/
		*padding:0px 0px 10px;
	height:30px;
	font-weight:bold;
}

.categori-bt-td {
	vertical-align:bottom;
	text-align:right;
	padding:10px 0px;
		/*Win IE7*/
		*padding:0px 0px 10px;
	height:30px;
}

.categori-text-td {
	vertical-align:top;
	text-align:left;
	padding:10px 0px 0px 0px;
	background-image: url(/img/com/com_line_dotted_gray.gif);
	background-repeat:repeat-x;
}

.menu-bt {
	margin-bottom:30px;
}

#link-bn p {
	margin-bottom:10px;
}

/*===Nuke　更新用アイコン表示スタイル===*/
#nuke-koushin-box {
	width: 100%;
	background-color: #FAC889;
	text-align:left;
}

.ModuleTitle_MenuItem {
	border: white 0px solid; /*override borders*/    
}

.ModuleTitle_MenuItem TD {  /*TD if menu is using tables*/
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px;	
}

.ModuleTitle_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #EEEEEE; 
	width: 15px;
	height: 100%;   /*override the default height for icon so that menubreaks can have heights adjusted*/
}

.ModuleTitle_SubMenu 
{
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
	text-align: left;
}

.ModuleTitle_MenuBreak  {
	background-color: #EEEEEE; 
	font-size: 1px; /*make sure you take out portal.css ModuleTitle_MenuBreak for this to work*/
}

.ModuleTitle_MenuItemSel {
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	background-color: #DDDDDD;
}