/*
Design by mitanicorporation
http://www.mitani-gloves.com
*/

/* All */
*{
	margin:0; 
	padding:0;
}
body {
	background-color: #CCCCCC;
	line-height: 11pt;
	font-size: 9pt;
	margin-left: auto;
	margin-right: auto; 
	color: #333333;
	text-align: center;
}
body.ct {
	background-color: #000000;
	line-height: 11pt;
	font-size: 9pt;
	margin-left: auto;
	margin-right: auto; 
	color: #FFFFFF;
}
.cent {
	margin-left: auto;
	margin-right: auto; 
}
A:link {
	text-decoration: none;
	border: none;
}
A:visited {
	text-decoration: none;
}
A:active {
	text-decoration: none;
}
A:hover {
	color: #6699FF;
	text-decoration: underline;
}
A.botan {
	display: block;             /* ブロック要素にする */
	width: 300px;               /* 横幅 */
	height: 30px;               /* 縦幅 */
	color: #ffffff;
	background-color: #FF6600;  /* 背景色 */
	border: outset 2px #FF9966; /* 枠の色 */
	padding: 3px 1px 1px 0px;
	font-size: 11pt;            /* フォントサイズ */
	line-height: 30px;          /* 行の高さ */
	text-align: center;         /* 水平揃え */
	text-decoration: none;      /* 下線を消す */
}
A:hover.botan {
	color: #eeeeee;
	background-color: #CC6633;  /* 背景色 */
	border: inset 2px #FF9966;  /* 枠の色 */
	padding: 4px 0px 0px 1px;
}
A:active.botan {
	color: #ffffff;
}
A:visited.botan {
	color: #ffffff;
}
h5.title {
	height: 22px;
	margin: 0 0 5px 0;
	padding: 8px 0px 0px 10px;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	background-image: url(http://www.mitani-gloves.com/suggestion/waku1.gif);
}
h5.title3 {
	height: 22px;
	margin: 15px 0 0 0;
	padding: 8px 0px 0px 20px;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	background-image: url(http://www.mitani-gloves.com/suggestion/waku1.gif);
}
h3.title2 {
	height: 35px;
	margin: 0;
	padding: 25px 0px 0px 10px;
	font-size: 16pt;
	font-weight: bold;
	color: #FF9900;
	text-align: left;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #d5d5d5;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #c5c5c5;
	background: #FFFFFF;
	background-image: url(http://www.mitani-gloves.com/suggestion/m1.gif);
}
h1.about {
	font-weight: bold;
	font-size: 12pt;
	color: #333333;
	padding: 0;
	text-align: left;
}
h5 {
	height: 22px;
	margin: 0px 0px 5px 0px;
	padding: 8px 0px 0px 10px;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	background-image: url(item-p/head002.gif);
}
h3.date {
	padding: 5px 0;
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
	text-align: left;
	margin-bottom: 10px;
	border-bottom: 1px dashed #666666;
}
h3.cata {
	padding: 0;
	font-size: 12pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	margin: 0;
}
ul.a1 {
	padding: 0px 0px 0px 10px;
	list-style-type: none;
}
ul.a2 {
	list-style-type: none;
	margin: 5px 0px 5px 0px;
}
li.li5 {
	padding-left: 15px;
	background: url(http://www.mitani-gloves.com/suggestion/arrow022_06.png) no-repeat 0px 0px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	list-style: none;
}
li.li4 {
	padding-left: 15px;
	background: url(http://www.mitani-gloves.com/suggestion/li3.gif) no-repeat 0px 1px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	list-style: none;
} 
li.li3 {
	padding-left: 15px;
	background: url(http://www.mitani-gloves.com/suggestion/arrow022_05.png) no-repeat 0px 0.2px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	list-style: none;
}
li.li2 {
	padding-left: 15px;
	background: url(http://www.mitani-gloves.com/suggestion/li2.gif) no-repeat 0px 1px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	list-style: none;
} 
li.li1 {
	padding-left: 15px;
	background: url(http://www.mitani-gloves.com/suggestion/li4.gif) no-repeat 0px 1px;
	font-weight: bold;
	text-align: left;
	color: #333333;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	list-style: none;
} 

#head {
	width: 100%;
	background: url(http://www.mitani-gloves.com/suggestion/ushiro0.gif);
	height: 100px;
	margin-left: auto;
	margin-right: auto; 
	text-align: center;
}
#topflash {
	width: 100%;
	padding: 15px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto; 
	text-align: center;
}
img {
	margin: 0 auto;
	border: none;
}

#bg1 {
	background: url(http://www.mitani-gloves.com/suggestion/webkabe_a.gif);
	height: 30px;
}

/* end All */

/* mid waku */
#down {
	font-size: 8pt;
	background-color: #333333;
	color: #DDDDDD;
	text-align: right;
	padding: 10px 30px 0px 0px;
	height: 30px;
}
.mid2 {
	width: 100%;
	margin-left: auto;
	margin-right: auto; 	
	padding: 10px 0px 0px 0px;
}
.fl_waku {
	background-color: #333333;
	width: 906px;
	height: 670px;
	margin-left: auto;
	margin-right: auto; 	
	padding: 3px 3px 3px 3px;
	text-align: center;
}
.middle {
	width: 100%;
	margin-left: auto;
	margin-right: auto; 	
	padding: 10px 0px 0px 0px;
	position: relative;
}
#bg2 {
	background: url(http://www.mitani-gloves.com/suggestion/webkabe_m.gif);
}
#bg3 {
	background: url(http://www.mitani-gloves.com/suggestion/webkabe_b.gif);
	height: 30px;
	clear: both;
}
#contents {			/* TOPページ用 */
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
#contents_1 {			/* 横1カテゴリ用 */
	width: 796px;
	margin-left: auto;
	margin-right: auto;
}
#contents_2 {			/* 横1カテゴリ用 */
	width: 796px;
	margin-left: auto;
	margin-right: auto;
	background: #FFFFFF;
	border: ridge 1px #CCCCCC;
}
#contents_3 {
	width: 905px;			/* 横1カテゴリ用 */
	margin-left: auto;
	margin-right: auto;
}
#con_left {			/* TOPページ用 */
	width: 540px;	
	float: left;
}
#con_right {		/* TOPページ用 */
	width: 250px;
	float: right;
}
#con_pickup {		/* TOPページ用 */
	width: 536px;
	background-color:#FFFFFF;
	border: ridge 2px #CCCCCC;	
}
.con_waku {			/* TOPページ用 */
	width: 246px;
	background-color:#FFFFFF;
	border: ridge 2px #CCCCCC;
	margin-bottom: 10px;	 	
}
.con_in {
	margin: 15px 20px 10px 20px;
}
.con_in_2 {
	margin: 15px 20px 20px 20px;
}
.te_le {
	margin: 0px 0px 0px 10px;
	text-align: left;
}
.steps {
	margin: 0;
	background: #666666;
	padding: 0;
	border: 1px solid #222222;
}
.steps_2 {
	margin: 0;
	padding: 15px 30px;
	border-top: 1px solid #111111;
	border-bottom: 1px solid #454545;
	border-right: 1px solid #444444;
	border-left: 1px solid #252525;
	background: #EEEEEE;
}
.steps_b {
	margin: 0;
	background: #CCCCCC;
	padding: 0;
	border: 1px solid #DDDDDD;
}
.steps_b_2 {
	margin: 0;
	padding: 15px 30px;
	border-top: 1px solid #888888;
	border-bottom: 1px solid #b5b5b5;
	border-right: 1px solid #bbbbbb;
	border-left: 1px solid #c5c5c5;
	background: #FFFFFF;
}
.steps_2 h2 {
	font-size: 10pt;
	padding: 5px 0;
	margin-bottom: 10px;
	border-bottom: 1px dashed #666666;
	color: #333333;
	text-align: left;
}
.con_in_m1 {
	width: 240px;
	margin: 5px 5px 10px 0px;
	float: left;
}
.con_in_m2 {
	width: 240px;
	margin: 5px 0px 10px 5px;
	float: right;
}

.c-both {
	clear: both;
}
table.sen {font-size: 9pt;
	color: #333333;
	border: ridge 2px #DDDDDD;
	margin-left: auto;
	margin-right: auto; 
	text-align: left
}
tr, td {font-size: 9pt;
	color: #333333;
}

td.migi {
	text-align: right;
}
td.mid {text-align: center}
td.date {font-size: 9pt;
		color: #0066FF;
		text-align: left;
}

.box{
	width: 100%;
	border: 0px;
	background: url(http://www.mitani-gloves.com/suggestion/webkabe_m.gif);
	background-repeat: repeat-x;
}

/* p */
.p_0 {
	color: #cccccc;
	font-size: 9pt;
	line-height: 1.6em;
	text-align: left;
	padding: 5px;
}
.p_1 {
	color: #555555;
	font-size: 9pt;
	line-height: 1.6em;
	text-align: left;
	padding: 5px 0 5px 25px;
}
.p_2 {
	color: #555555;
	font-size: 9pt;
	line-height: 1.6em;
	text-align: left;
	padding: 5px 0 5px 40px;
}
.p_3 {
	color: #0066FF;
	font-size: 9pt;
	line-height: 1.6em;
	text-align: left;
	padding: 5px 0 5px 25px;
}
.p_4 {
	color: #333333;
	font-size: 9pt;
	line-height: 1.6em;
	text-align: left;
	padding: 5px 0 5px 40px;
}
.p_ri {
	text-align: right;
	padding: 5px 0 5px 40px;
}

/* font */
.style1 {
	color: #333333;
}
.style2 {
	color: #666666;
	font-size: 8pt;
}
.style3 {
	color: #666666;
}
.style14 {
	color: #333333;
	font-weight: bold;
	font-size: 10pt;
}
.style13 {
	color: #666666;
	font-weight: bold;
}
.style4 {
	color: #999999;
}
.style5 {
	color: #0033CC;
}
.style6 {
	color: #FFFFFF;
}
.style7 {
	color: #0066FF;
}
.style8 {
	color: #FF6600;
}
.style10 {
	color: #0000FF;
}
.style11 {
	color: #DDDDDD;
	text-align:left;
}
.style12 {
	color: #FFCC00;
	font-size: 12pt;
}


