body {
	margin:0px;
	padding:0px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "メイリオ", "Osaka－等幅", Osaka-mono, monospace, Arial;
	font-size: 12px;
	text-align: center;
}
.all {
	width: 1025px;
	margin: 0px auto;
	padding:0px 5px 0px 5px;
	text-align: left;
	background-image:url(img/all_bg.gif);
	background-position:left top;
	background-repeat:repeat-y;
}

.contents {
	width: 1000px;
	margin: 0px;
	padding: 0px;
}
.wrap {
	margin: 0px;
	padding: 16px 0px 0px 0px;
	background: #FFFFFF url(img/wrap_bg.jpg) repeat-x;
	width: 1020px;
	}

.partition {
	height:0px;
	font-size:0px;
	line-height:0px;
	clear: both;
}

h1 {
	margin: 20px 0px -1px 2px;
	padding: 15px 0px 15px 14px;
	font-size: 18px;
	color: #333333;
	background: url(img/h1.jpg) no-repeat left bottom;
}

h1.home {
	margin: 0px;
	padding: 0px;
	background: none;
}


h1 .small {
	padding: 11px 0px 5px 5px;
	font-size: 12px;
	}
h1.small span {
	font-size: 10px;}
h2 {
	margin: 13px 0px 14px 3px;
	padding: 8px 0px 7px 45px;
	background: url(img/h2a.jpg) no-repeat left bottom;
	font-size: 16px;
}
h2.lineup {
	margin: 13px 0px 0px 3px;
	padding: 8px 0px 7px 45px;
	background: url(img/h2a.jpg) no-repeat left bottom;
	font-size: 16px;
}
h2 span {
	 font-size: 12px;
	 }
h2.process {
	margin: 20px 0px 10px 3px;
	padding: 3px 0px 3px 13px;
	background: url(process/img/process_h2.gif) no-repeat left bottom;
	font-size: 16px;
	color: #045095;
}
h2.number {
	padding: 11px 0px 10px 30px;
	margin: 22px 0px 15px 0px;
	background: url(img/h3_2.jpg) no-repeat left bottom;
	font-size: 12px;
	font-weight: bold;
	height: 15px;
}
h3 {
	padding: 11px 0px 10px 30px;
	margin-top: 22px;
	margin-right: 0;
	margin-left: 0px;
	margin-bottom: 5px;
	background: url(img/h3_2.jpg) no-repeat left bottom;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
}

.list2 dl dt {
	height: 38px;
	padding: 5px 5px 2px 22px;
	margin: 0px;
	background: url(img/h3.jpg) no-repeat left bottom;
	font-size: 12px;
	font-weight: bold;
	line-height:140%;
}


ul,
li,
dl dt dd {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	color:#333;
}
p{
	line-height: 150%;
	margin:5px 15px 7px 15px;
	color:#333;
}

.main ul{
	margin-top:10px;
}
img {
	border: none;
	vertical-align:bottom;
}

/*-- リンク指定 --*/

a:link {
	color: #003399;

}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/*-- h3 リンク指定 --*/

h3 a:link {
	color: #003399;
	text-decoration: underline;
}

h3 a:visited {
	text-decoration: underline;
}

h3 a:hover {
	/*color: #003399;*/
	text-decoration: none;
}
.main ul li {
	background: url(img/arw_circle2.gif) no-repeat left top;
	text-align: left;
	padding: 5px 0px 5px 15px;
	margin-left: 5px;
	list-style: none;

}
.main ul li.long {
	line-height: 135%;
}
/*-- top --*/
.order {
	width: 720px;
	margin: 14px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.h2-block-about,
.h2-block,
.h3-block {
	width: 720px;
	margin: 14px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	}	
.recom {
	width: 720px;
	margin: 0px 0px 11px 0px;
	padding: 0px 0px 10px 0px;
	}	
	
.recom img {
	margin: 5px 0px 12px 0px;
	}		
	
.order h2 {
	height: 28px;
	background: url(http://www.magnetsheet.net/img/top_order.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;

	}
.order h2 span {
	display: none;
	}
.recom h2 {
	margin: 0px;
	padding: 0px;
	height: 16px;
	background: url(http://www.magnetsheet.net/img/top_recommendation.jpg) no-repeat left top;
	}
.recom h2 span {
	display: none;
	}
.blue-t {
　　width: 240px;
	margin: 0px;
	padding: 4px 35px 4px 10px;
	color: #FFFFFF;
	font-size:14px;
	line-height: 120%;
	background-color: #4B70B7;
}
.blue-ta {
　　width: 660px;
	margin: 0px;
	padding: 4px 35px 4px 10px;
	color: #FFFFFF;
	font-size:20px;
	line-height: 120%;
	background-color: #4B70B7;
}
.order div.img,
.h2-block div,
.h3-block div {
	width: 130px;
	float: left;
	border: 1px solid #D1D1D1;
	}
.h2-block p p a {
	vertical-align: bottom;
	text-align: right;
	border: none;
	}
.h2-block-about div {
	width: 178px;
	float: left;
	border: 1px solid #D1D1D1;
	}	
.order div,
.h2-block p,
.h3-block p {
	width: 381px;
	float: right;
	line-height:150%;
	margin: 0px;
	}	
.h2-block p a {
	display: block;
	text-align: right;
	}
.h2-block-about p {
	width: 480px;
	float: right;
	line-height:150%;
	margin-bottom:5px;
	margin-left: 0px;
	margin-right: 0px;
}		
.h2-block p strong,
.h2-block-about p strong {
	
	color: #5778bb;
	}		
.h2-block div p {
	margin: 8px 0px 11px 0px;
}
.order div p {
	margin: 8px 0px 11px 0px;
	padding: 0px;
}

.detail {
	margin: 4px 0px 0px 0px;
	text-align: right;
	}
.perform {
	width: 650px;
	margin: 14px 0px 0px 0px;
	padding: 0px 0px 17px 0px;
}	
.perform div.left {
	width: 310px;
	margin: 0px 0px 10px 50px;
	float: left;
}
.perform div.right {
	width: 310px;
	margin: 0px 40px 10px 0px;
	float: right;
}

.perform div.img {
	width: 90px;
	margin-right: 7px;
	float: left;
	}
.perform div.img img {	
	border: 1px solid #D1D1D1;
	}	

.perform div.right p,
.perform div.left p {
	width: 180px;
	float: right;
	line-height:130%;
	padding:0px;
	margin: 0px;

	}		
.perform div.right p img,
.perform div.left p img {
	margin-bottom: 7px;
	}
.recom .list .left {
	float: left;
	width: 310px;
	margin: 0px 0px 10px 50px;
	padding: 0px;
	}
.recom .list .right {
	float: right;
	width: 310px;
	margin: 0px 40px 10px 0px;
	padding: 0px;
	}						
	
.recom .list .left div,
.recom .list .right div {
	margin-right:9px;
	float: left;
	width: 115px;
	}	
.recom .list .left div img,
.recom .list .right div img {
	border: 1px solid #D1D1D1;
	margin: 0px;
	}
	
.recom .list .left p,
.recom .list .right p {
	line-height:130%;
	padding-right:0px;

	}
.new dt {
	margin-top: 20px;
	padding: 0px;
	}
.new dd {
	padding: 0px 5px 10px 20px;
	margin: 0px;
	}
	
.new ul li {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 7px 0px;
	list-style: none;
	background: none;
	}	
.new a:link {
	color: #003399;
	text-decoration: underline;
}
.new a:visited {
	text-decoration: underline;
}
.new a:hover {
	text-decoration: none;
}
				
/*-- 2nd --*/

.lead {
	line-height: 150%;
	margin:10px 3px 0px 2px;
}

.sentence-case {
	line-height: 150%;
	margin:10px;
}
.sentence-about {
	line-height: 150%;
	margin:0px 3px 0px 2px;
}
/*-- 3rd --*/
.sentence dl {
	margin: 10px 10px 0px 0px;
	float: left;
	width: 260px;
	}
.sentence-case dl {
	margin: 10px 10px 0px 0px;
	float: left;
	width: 250px;
	}	
.sentence .wide {
	margin: 10px 0px 0px 0px;
	width: 540px;
		}	
.sentence-about dl,
.blue_circle {
	margin: 10px;
	width: 520px;
	}	

.sentence dl dt,
.sentence-case dl dt,
.sentence-about dl dt {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	font-weight: bold;
	background: url(http://www.magnetsheet.net/img/sentence_list.gif) no-repeat 3px 2px;
	}
.blue_circle li {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	font-weight: bold;
	background: url(http://www.magnetsheet.net/img/sentence_list.gif) no-repeat 3px 2px;
	}
.sentence dl dd,
.sentence-case dl dd,
.sentence-about dl dd {
	margin: 0px;
	padding: 0px 10px 5px 20px;
	}	
.sentence-about dl dd p {
	margin: 0px;
	padding: 4px 0px 0px 0px;
	}		
.sentence dl dd ul,
.sentence-case dl dd ul {
	margin-left: 0px;
	}			
.sentence dl dd ul li {
	margin: 0px;
	padding: 0px 0px 0px 6px;
	list-style: none;
	background: url(http://www.magnetsheet.net/lineup/img/feel_list.gif) no-repeat 0px 8px;
	}	
.sentence-case dl dd ul li{
margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 6px;
	list-style: none;
	background: url(http://www.magnetsheet.net/lineup/img/feel_list2.gif) no-repeat 0px 8px;
	}	
.fluoro {
	margin-left: 20px;
	}			
.lead-3rd,
.lead-big,
.lead-number,
.number-feature {
	width: 680px;
	margin-top: 10px;
}
.code {
	width: 531px;
	margin-left: 10px;
}
.print {
	text-align: right;
	margin: 15px 12px 5px 0px;
	}
.lead-big .text dl dd {
	border: 1px solid #2c97f8;
	}
.lead-big .text3 table {
	border: 1px solid #2c97f8;
	}
.lead-big .text dl dt,
.lead-big .text3 table th {
	padding: 5px;
	margin: 0px;
	font-weight: bold;
	color: #FFFFFF;
	background: #2c97f8;
	
	}
.lead-big .text dl dd,
.lead-big .text3 table td {
	padding: 5px;
	margin: 0px;
	font-weight: bold;
	}
.lead-big .text dl dd ul li {
	background: none;
	}	

.lead-bigt dl dd ul li,
.lead-bigt dl dd ul {
	margin: 0px;
	padding: 0px;
	}
.lead-3rd div {
	width: 136px;
	float: left;
	margin-top: 1px;
}
.lead-number div {
	width: 314px;
	float: left;
	margin-top: 1px;
}
.lead-number p {
	width: 190px;
	float: right;
	padding: 10px 0px 0px 0px;
}
.lead-big div {
	width: 260px;
	float: left;
	margin-top: 1px;
}
.code table {
	width: 250px;
	float: left;
	margin-top: 10px;
}

.lead-3rd p {
	width: 500px;
	padding: 30px 0px 0px 17px;
	margin: 0px;
	float: right;
	}
.lead-big .text,
.code table .sentence {
	width: 240px;
	padding: 35px 0px 0px 0px;
	float: right;
	line-height: 150%;
	}
.lead-big .text3 {
	width: 240px;
	padding: 10px 0px 0px 0px;
	float: right;
	line-height: 150%;
	}
.text2 {
	width: 650px;
	padding: 10px 0px 0px 10px;
	line-height: 150%;
	}	
.lead-big .text3 ul li {
	padding: 0px 0px 0px 14px;
	margin: 0px 0px 2px 0px;
	background: url(http://www.magnetsheet.net/img/arw_circle3.gif) no-repeat left top;
	text-align: left;
	list-style: none;	
	}	
.lead-3rd p strong,
.lead-big .text strong,
.lead-number strong,
.text2 strong {
	font-size: 16px;
	color: #0776DA;
	margin-bottom: 12px;
	background: none;
	line-height: 150%;

	}
h2.h2-lead-in {
	font-size: 14px;
	color: #0776DA;
	margin: 0px;	
	background: none;
	}

.lineup-sentence {
	width: 720px;
	margin-top: 20px;
	}
.lineup-sentence2 {
	width: 630px;
	margin-top: 22px;
	}	
.lineup-sentence div {
	width: 270px;
	margin: 0px 10px 0px 0px;
	float: left;
	}
	
.lineup-sentence div img{
	margin-left:2px;
}	
.lineup-sentence table {
	width: 244px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	float: right;
	font-weight: bold;
	line-height: normal;
	}
.lineup-sentence2 table {
	margin: 0px 0px 5px 15px;
	padding: 0px;
	font-weight: bold;
	line-height: normal;
	text-align: left;
	}	
.cushion {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-weight: bold;
	line-height: normal;
	text-align: center;
	}
.img-top {
	margin-top: 10px;
	}	
.lineup-sentence table th,
.number {
	background: url(http://www.magnetsheet.net/img/arw_box.gif) no-repeat 0px 2px;
	text-align: left;
	padding: 0px 0px 3px 19px;
	font-size:14px;
}
.number2 {
	text-align: left;
	padding-left: 40px;
	font-weight: bold;
}

.lineup-sentence2 table th {
	background: url(http://www.magnetsheet.net/img/arw_box_underline.gif) no-repeat -10px 0px;
	text-align: left;
	padding: 0px 0px 12px 30px;
}
.lineup-sentence table th.variations,
.lineup-sentence2 table th.variations {
	background: url(http://www.magnetsheet.net/img/arw_circle.gif) no-repeat 2px 10px;
	text-align: left;
	padding: 10px 0px 5px 19px;
}
.lineup-sentence table td {
	font-size: 10px;
	margin: 0px;
	padding: 4px;
	vertical-align:text-top;
	} 
.lineup-sentence2 table td {
	font-size: 10px;
	margin: 0px;
	padding: 4px;
	vertical-align:text-top;
	} 	
.lineup-sentence table td.img,
.lineup-sentence2 table td.img{
	padding: 0px 0px 0px 6px;
	} 	
.lineup-sentence table td.img-l,
.lineup-sentence2 table td.img-l{
	padding: 0px;
	} 			
.feel,
.law {
	margin-top: 26px;
	}
.inquiry-button,
.estimate-button
{
	margin: 15px 0px 0px 0px;
	text-align: center;
	}
	 
.feel {
	width:690px;
	margin-top: 26px;		
	}
.feel th img {
	text-align: right;
	margin: 0px;
	font-size:14px;
	}
.feel td dl {
	margin: 10px 0px 0px 30px;
	}	
.feel td dl dt {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}

.feel td dl dd {
	margin: 0px;
	padding: 0px;
	line-height: 130%;
	}
.feel ul{
	margin-top:4px;
}
.feel ul li,
.feel td dl dd ul li {
	margin-left:0px;
	margin-bottom:3px;
	padding: 0px 0px 0px 14px;
	list-style: none;
	background: url(http://www.magnetsheet.net/lineup/img/feel_list.gif) no-repeat left top;
	line-height: 140%;
}
		
.feel2 dt {
	padding: 11px 0px 10px 30px;
	margin: 22px 0px 5px 0px;
	background: url(http://www.magnetsheet.net/img/h3_2.jpg) no-repeat left bottom;
	font-size: 14px;
	font-weight: bold;
	height: 15px;
}
 .feel2 dd {
 	margin: 0px;
}
 .feel2 dd table {
 	margin-bottom: 10px;
	border: none;
}
 .feel2 dd td {
 	padding-top: 5px;
	border: none;
} 

.feel2 dd ul li {
 	margin: 0px 10px;
	padding: 0px 0px 5px 20px;
	background: url(http://www.magnetsheet.net/img/sentence_list.gif) no-repeat left top;
} 
.example {
	margin: 7px 16px 0px 0px;
	border: 1px solid #D2D2D2; 
}	
.example-right {
	margin: 0px 0px 5px 0px;
	border: 1px solid #D2D2D2; 
}	
.feel table,
.profile,
.law {
	margin: 10px 0px 15px 2px;
	background: #BCBCBC;
}
.profile{
	margin: 20px 0px 0px 2px;
}	


.feel table th,
.law th {
	background:#ffd url(http://www.magnetsheet.net/img/arw_box.gif) 13px 7px no-repeat;
	text-align: left;
	padding: 7px 20px 4px 29px;
	vertical-align:text-top;
	font-size:14px;
}

.profile th {
	font-size: 13px;
	background: #FFFFDD;
	text-align: left;
	padding: 5px 7px;
	font-weight:lighter;
}

.feel table td,
.profile td,
.law td {
	padding: 4px 8px 4px 15px;
	background: #FFFFFF;
	line-height: 170%;
	vertical-align: top;
	}

.feel table td p {
	margin: 0px;
	}

.feel table td table td,
.feel table td table td img {
	margin: 0px;
	padding: 5px;
	background: #FFFFFF none;
}
.profile td {
	font-size: 12px;
	margin: 0px;
	padding: 5px;
	background: #FFFFFF none;
}

.feel table tr td table {
	background: #ccc;
	margin-bottom:5px;
	}
.feel table td table th {
	background-image:none;
background-color: #efefef!important;
	}
.feel table td img {
	margin: 0px;
	padding: 0px;
	background: none;
	text-align: right;
}
.feel table tr td table tr th,
.feel table tr td table tr td
{
	font-weight:normal;
	background: #FFFFFF;
}	
.feel table td table th span
 {
	font-weight:normal;
	background: #FFFFFF;
}	

.part-number {
	margin-top: 15px;
	margin-right: 0px;
	margin-left: 5px;
	margin-bottom: 0px;
	background-color: #A4DFFF;
	font-size: 14px;
	}
.part-number2 {
	margin: 15px 0px 0px 0px;
	background-color:#999999;
	}
.part-number th {
	font-weight: lighter;
	padding: 5px;
	background-color: #dff4ff;
	}
.part-number2 th {
	font-weight: lighter;
	padding: 5px;
	background-color: #99fbd2;
	font-size:12px;
	line-height:130%;
	}
.part-number td {
	background: #FFFFFF;
	padding: 5px;
	}
.part-number2 td {
	font-weight: lighter;
	padding: 5px;
	background-color: #ffffff;
	font-size:12px;
	line-height:130%;
	}
.code p {
	margin-top: 15px;
	float: right;
	width: 248px;
	padding: 0px;
	}	
.phi {
	width: 541px;
	background: #dff4ff;
	text-align: center;
	}
.phi th.phi20 {
	text-align: left;
	vertical-align:text-bottom;
	padding: 10px 5px 5px 5px;
	border-right: 1px #FFFFFF solid;
	background: url(lineup/img/color_cap_20.jpg) no-repeat right bottom;
	}
.phi th.phi30 {
	text-align: left;
	vertical-align:text-bottom;
	padding: 5px;
	background: url(lineup/img/color_cap_30.jpg) no-repeat right bottom;
	}	
.phi td {
	background: #FFFFFF;
	padding: 5px;
	}
	
.number-feature .img-feature {
	width: 221px;
	float: left;
	}	
.number-feature div {
	width: 310px;
	float: right;
	}		
.map {
	margin-top: 10px;
	}	
.case {
	width: 650px;
}	
.case div {
	width: 268px;
	float: left;
}
.case p {
	width: 243px;
	float: right;
}	
/* 20090908～追加 ここから↓*****************/
span.red {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
}

span.fontRed {
	color: #FF0000;
}

span.font_bold {
	font-weight: bold;
	color: #FF0000;
	padding-left: 20px;
}

span.font_r16 {
	font-size: 16px;
	color: #FF0000;
}

p.pad_b14 {
	padding-bottom: 14px;
}

span.underbar {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003399;
}
span.font_14 {
	font-size: 14px;
}
table.noborder {
	width: 400px;
	margin: 10px auto 20px;
	border: none;
}

table.noborder td.pad_L {
	padding-left: 20px;
}

.flow table {
	text-align: center;
	border: none;
}

.flow th {
	text-align: center;
	vertical-align: bottom;
	font-weight: normal;
}

.flow td {
	text-align: left;
}

.flow td.photo {
	text-align: center;
}

.free table {
	border: none;
	text-align: center;
}

.free td {
	text-align: center;
	padding: 0px;
}

#pocket.lineup-sentence {
	width: 541px;
	float: left;
	margin-top: 20px;
	}

#pocket.lineup-sentence table {
	width: 250px;
	float: right;
	}

/* 20090908～追加 ここまで↑*****************/


/*-- カテゴリナビ --*/
.cate,
.cate-process {
	width: 690px;
	font-weight: bold;
	margin-top:20px;
	list-style: none;
	padding-left: 20px;
	}
.cate dt {
	height: 23px;
	background: url(http://www.magnetsheet.net/lineup/img/category_lineup.jpg) no-repeat left top;
	}
.cate dt a {
	height: 23px;
	width: 140px;
	display: block;
	}	
.cate-process dt {
	height: 22px;
	background: url(http://www.magnetsheet.net/process/img/category_process.jpg) no-repeat left top;
	}
.cate-process dt a {
	height: 22px;
	width: 30px;
	display: block;
	}	
.cate dt span,
.cate-process dt span {
	display: none;
		}	
.cate dd,
.cate-process dd {
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
}
.cate dd ul,
.cate-process dd ul {
	width: 690px;
	padding: 0px 0px 12px 11px;
	margin: 0px 0px 0px 0px;
	letter-spacing:-0.1em;
	}
	
.cate dd ul li,
.cate dd ul li,
.cate-process dd ul li,
.cate-process dd ul li {
	padding: 0px;
	margin: 2px;
	background-image: none;
	display: inline;
}

.cate dd ul li a,
.cate dd ul li strong ,
.cate-process dd ul li a,
.cate-process dd ul li strong {
	background: url(http://www.magnetsheet.net/img/cate_arw.gif) no-repeat left top;
	margin-bottom: 12px;
	padding: 0px 12px;
	display: block;
	float: left;
	width: 320px;
}

.cate dd ul li a span,
.cate-process dd ul li a span {
	font-size: 12px;
	}

.category-navi dt{
	padding:0px 0px 3px 25px;
	margin: 0px 0px 7px 0px;
	background: url(img/category_nabi.gif) no-repeat left top;
	font-weight: bold;
	}

.category-navi dd{
	margin: 0px;
	padding: 0px;
	}
ul.item {
	width:600px;
	margin: 0px 0px 0px 0px;
	padding:0px;
	}	
	
ul.item li{
	margin:0px;
	display:inline;
	}	
	
ul.item li a{
	margin:0px;
	padding:0px 0px 0px 14px;
	background: url(img/arw.gif) no-repeat 0px 5px;
	}		
	
ul.item li a.small {
	width: 90px;
	display:block;
	float:left;
	}	

ul.item li a.max {
	width:140px;
	display:block;
	float: left;
	}	

ul.item li a.middle {
	width: 120px;
	display:block;
	float: left;
	}				
/*-- ヘッダ部 --*/


.head {
	background-color: #4B70B7;
	padding:2px 0px 0px;
}
.summary {
	margin: 0px 0px;
	padding-left: 7px;
	padding-top:2px;
	width: 700px;
	font-size: 10px;
	color: #FFFFFF;
	float: left;
	padding-bottom: 15px;
}
.gn-sitemap {
	width: 105px;
	padding:0px;
	margin:0px;
	font-size: 10px;
	color: #FFFFFF;
	float: right;
}
.gn-sitemap a{
	display:block;
	margin-left:30px;
	padding: 2px 0px 5px 15px;
	background: url(img/gn_sitemap.gif) top left no-repeat;	
}


.gn-sitemap a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.gn-sitemap a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.gn-sitemap a:hover {
	text-decoration: underline;
}


/*-- サイドメニュー --*/

.menu {
	width: 240px;
	float: left;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	background-color: #DFF4FF;
	padding-left: 5px;
}
.menu .menu-print {
	margin-top: 8px;
	text-align: left;
	background-color: #DFF4FF;
}
.menu .menu-print dt {
	padding-top: 0px;
}
.menu p {
	margin: 0px;
	padding: 0px;
	}
.menu a:link {
	color: #003399;
	text-decoration: none;

}
.menu a:visited {
	text-decoration: none;
}
.menu a:hover {
	text-decoration: underline;
}

.menu dl {
	margin: 0px 0px 14px 0px;
	padding: 0px;
}

.menu dl dt {
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 5px;
}
.menu dl dt .print {
	margin-top: 7px;
	}
.menu dl dd {
	width: 220px;
	margin: 0px;
	padding: 1px 0px 0px 6px;
}
.menu dl.menu-print dd {
	width: 210px;
	margin: 0px;
	padding: 1px 0px 0px 10px;
	background-color: #DFF4FF;
}
.menu .info {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background: #DFF4FF;
}	
.menu dl dd ul {
	list-style: none;
	padding: 0px;
	margin: 0;
	background: none;	
	line-height:100%;
	font-size:12px;
}
.menu dl dd ul li {
	width: 220px;
	padding: 4px 0px 4px;
	margin: 3px;
	background: url(http://www.magnetsheet.net/img/menu_dotline.gif) no-repeat left bottom;
	line-height:104%;
	font-size:12px;
}
.menu dl dd ul li.end {
	background-image: none;
	padding: 5px 0px 9px 0px;
	margin: 3px 0px 0px 0px;
	background: url(http://www.magnetsheet.net/img/menu_dotline.gif) no-repeat left bottom;
	border:none;
	line-height:104%;
	font-size:12px;
}
.menu dl dd ul li.end2 {
	padding: 6px 0px;
	margin: 0px;
	border:none;
}
.menu dl dd ul li a {
	padding: 0px 0px 0px 18px;
	margin: 0px 0px -2px 0px;
	background: url(http://www.magnetsheet.net/img/menu_arw.gif) no-repeat 6px 0px;
	display: block;
	font-size: 12px;
	line-height: 120%;
}
.menu dl dd ul li a span {
	font-size: 12px;
}
.menu .info li {
	margin: 0px 0px 3px 6px;
	padding-left:25px;
	background: url(img/arw.gif) no-repeat 6px 1px;
	display: block;
	list-style: none;

}

.recom h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 15px;
	background: url(img/arw.gif) no-repeat 0px 2px;
	display: block;
}
.menu .bn {
	padding: 8px 0px 4px 5px;
	background: #DFF4FF;
	}



/*-- フッター --*/


.footer {
	padding:8px 0px 7px 14px;
	border-top: 1px solid #B7C6E2;
	background: #FFFFFF;
	color: #4B4B4B;
	clear: both;
	line-height: 150%;
}

.footer a:link {
	color: #4B4B4B;
	text-decoration: none;
}
.footer a:visited {
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}

.footer ul {
	margin: 0px;
	padding: 0px;
}
.footer ul li {
	display: inline;
	list-style-type: none;
	background: none;
	padding: 0px;
	margin:0px;
}
address {
	margin: 0px;
	padding: 9px 0px 0px 2px;
	font-style: normal;
	font-size: 12px;
	line-height: 130%;
}
.copyright {
	margin: 0px;
	padding: 4px 40px 4px 0px;
	text-align: right;
	color: #FFFFFF;
	background-color: #4B70B7;
}


/*-- メインコンテンツ --*/

.main {
	float: right;
	width: 730px;
	padding: 0px 3px 0px 5px;
	margin: 0 0 11px 7px;
}
.path {
	font-size: 12px;
	text-align: right;
	margin: 2px 6px 0 0;
}
.path strong{
	font-weight:lighter;
}
.to-top {
	text-align: right;
	margin-top: 40px;
}
.to-top2 {
	text-align: right;
	margin: 10px 15px 0px 0px;
}
.list,
.perform {
	width: 725px;
	margin: 0px;
	}
.list2 {
	width: 715px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}	
.perform .sub-title {
	margin-top: 15px;
	}	
.list2 dl {
	width: 174px;
	margin: 12px 0px 0px 4px;
	padding: 0px;
	float: left;
	}
.list2 dl.left {
	width: 174px;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	float: left;
	}	
.list2 dl dd {
	margin: 0px;
	padding: 0px;
	background: url(lineup/img/lineup_bg.jpg) repeat-y left bottom;
	}
.list2 dl dd img {
	margin-left: 3px;
	padding: 0px;
	}			
.list2 dl dd p {
	padding:2px 7px 10px 12px;
	margin: 0px;
	background: url(lineup/img/lineup_bottom.jpg) no-repeat left bottom;
	font-size:11px;
	line-height:120%;
	}
	
.list3 {
	width: 610px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}	
.list3 dl {
	width: 122px;
	margin: 12px 0px 0px 4px;
	padding: 0px;
	float: left;
	}
.list3 dl.left {
	width: 120px;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	float: left;
	}	
.list3 dl dd {
	margin: 0px;
	padding: 0px;
	background: url(lineup/img/lineup_bg.jpg) repeat-y left bottom;
	}
.list3 dl dd img {
	margin-left: 3px;
	padding: 0px;
	}			
.list3 dl dd p {
	padding:2px 7px 10px 12px;
	margin: 0px;
	background: url(lineup/img/lineup_bottom.jpg) no-repeat left bottom;
	font-size:11px;
	line-height:120%;
	}	
	
			
h3.big {
	height: 41px;
	margin: 0px;
	padding-top: 4px;
	}
h3.big a span {
	font-size: 10px;
	}		

.list2 dl dt.small {
	height: 14px;
	padding: 15px 2px 16px 16px;
	margin: 0px;
	line-height: normal;
	}	
	
.number-use {
	margin-top: 10px;
	text-align:center;
	}
.number-use img {
	border: 1px solid #D1D1D1;
	}	
.number-use th {
	padding-top: 10px;
	text-align:center;
	}	

.order img {
	vertical-align: top;
	}
.flow {
	
}		

.download {
	background-image: url(process/img/download_bg.gif);
	background-position: center top;
	background-repeat: no-repeat;
	width: 446px;
	padding: 8px 7px;
	margin: 40px 0 20px 47px;
}

.download .order {
	margin-top: 25px;
	width: 446px;
}
.order dt span {
	display: none;
	}
.order dd {
	width: 700px;
	padding: 0px;
	margin: 0px 1px 0px 0px;
	background-image: url(process/img/flow_bg.gif);
	background-position: left top;
	background-repeat: repeat-y;
	}	
.order dd p {
	margin:0px;
	padding: 6px 12px 7px;
	line-height:150%;
	}
.flow .order .print {
	text-align: left;
	border: none;
	margin: 0;
	padding: 0;
	background-image: url(process/img/order_bg.gif);
	background-position: left top;
	background-repeat: repeat-y;
}
.order .print dl {
	width: 452px;
	float: right;
	margin: 0;
	}	

.order .print div {
	width: 100px;
	float: left;
	}	
.order dd dl dt {
	margin: 0;
	padding: 0;
}
.order dd dl dd {
	border-right: 1px solid #95BC41;
	width: 448px;
	margin: 0;
	padding: 0;
}	

.order .end {
	border-bottom: 1px solid #95BC41;
	}
.order .three {
	border-bottom: 1px solid #95BC41;
	}	



			
/*-- リンク --*/
.link {
	line-height: 150%;
	margin: 10px 12px 13px 3px;
	padding:0px 0px 5px 10px;
	border-left: 1px solid #066cc8;
	border-bottom: 1px solid #066cc8;	
}

.order dd p img {
	vertical-align: middle;
	margin: 0px 1px;
	}


/*-- よくある質問フォーマット --*/

.faq {
	
}
.faq dt {
	margin-top: 25px;
	background: url(http://www.magnetsheet.net/info/img/faq_q.jpg) no-repeat left top;
	font-size: 14px;
	font-weight: bold;
	color: #394348;
	padding: 6px 0px 7px 33px;
}
.faq dd {
	margin: 7px 12px 0px 0px;
	background: url(http://www.magnetsheet.net/info/img/faq_a.jpg) no-repeat left top;
	color: #394348;
	font-size:13px;
	line-height: 140%;
	padding: 2px 0px 15px 38px;
	border-bottom:1px solid #CCCCCC;
}
.faq ul {
	margin: 7px 40px 0px 30px;
	background: url(http://www.magnetsheet.net/info/img/faq_q1.jpg) no-repeat left top;
	color: #394348;
	line-height: 100%;
	font-size:14px;
	padding: 2px 40px 2px 15px;
	border-bottom:1px solid #999999;
}
.faq ul li {
}
.q {
}
.a {
}

/*-- フォームセット --*/

form {
	margin: 0px;
	padding: 0px;
}
fieldset {
	padding: 0.5em;
	border: 1px solid #FF66CC;
	margin: 0.5em;
}
legend {
	font-weight: bold;
}
.submit {
	text-align: center;
	border: none;
}
.caution {
	font-weight: bold;
	color: #FF0000;
}
.caution-lighter {
	color: #FF0000;
}
.caution-big {
	font-weight: bold;
	color: #FF0000;
	font-size:18px;
}

/*-- フォームメール内部フォーマット --*/

.mail-form {
	background: #000000;
}
.mail-form dt {
}
.mail-form dd {
}
.mail-form th {
}
.mail-form td {
	background: #FFFFFF;
}
.mail-input {
	text-align: center;
}


/*-- 追加スタイル --*/
.about-title{
	width:750px;
	padding-top:8px;
	padding-bottom:28px;
	margin-left:2px;
	margin-top:2px;
	background-image:url(info/img/about_title_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.about-title h1{
	margin: 0px 0px 6px 218px;
	padding:0px;
	background:none;
}
.about-title p{
	margin:0px 15px 0px 218px;
	line-height:150%;
	color:#fff;
}

.link-bn img{
	vertical-align:middle;
}

/*-- サイトマップフォーマット --*/

.sitemap {
	background: url(info/img/s-dot3.gif) repeat-y;
	margin: 0px 0px 14px 10px;
	padding: 8px 0px 0px;
}

.sitemap li {
	background: url(info/img/s-dot.gif) no-repeat;
	list-style-type: none;
	padding:5px 0px 0px 25px;
	margin: 0px;
}
.sitemap li ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

.sitemap li.s-close {
	background: url(info/img/s-dot2.gif) no-repeat;
}
/* サイトマップ要素指定 */
/* ----------------------------------------------------- */

.sitemap{
	width:700px;
	margin-top:20px;
	margin-left:20px;
	background:none;
}
.sitemap h2{

	font-size:12px;
	font-weight:normal;
	padding:9px 0px 2px 21px;
	margin:0px 0px 5px 0px;
	background:none;
	background-image: url(info/img/s-dot5.gif);
	background-repeat:no-repeat;
	background-position: left top;
}
.sitemap h2 a{
	padding:0 0 0 5px;
	background-position:left top;
	background-repeat:no-repeat;
}
.sitemap ul {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 20px;
	color: #333333;
	padding-left: 0px;
	margin-left: 20px;
	background-image: url(info/img/s-dot3.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.sitemap ul ul {
	margin-left:50px;
	margin-top: 3px;
	margin-bottom: 14px;
	padding-top:2px;
}
.sitemap ul li {
	background-image: url(info/img/s-dot.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 25px;
	margin-bottom: 2px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 18px;
	margin-left: 0px;
}
.sitemap ul li li{
margin-left: 0px;

}
.sitemap ul li.close{
	background-image: url(info/img/s-dot2.gif);
}
/* アクロバットリーダー */
p.adobe-reader {
	background-color: #ecf0f3;
	padding: 7px;
	font-size: 10px;
	line-height: 130%;
	color: #666666;
}
p.adobe-reader img {
	float: left;
	margin:5px 10px 10px 0px;
}
p.pdf-icon {
	line-height: 23px;
	height: 23px;
	text-align: right;
	margin-bottom: 10px;
}
p.pdf-icon a {
	padding:5px 0px 5px 26px;
	background: url(img/pdf_icon.gif) no-repeat left center;
}
.img-r {
	float: left;
	margin-right: 15px;
}
.catch {
	font-size: 16px;
	font-weight: bold;
	color: #0776da;
}
.catch-a {
	font-size: 20px;
	font-weight: bold;
	color: #0776da;
}
.catch-b {
	font-size: 14px;
	font-weight: bold;
	color: #0776da;
}

/*---価格---*/
.cost {
	width: 770px;
	margin-top: 20px;
	}
.cost img {
	margin-bottom: 5px;
	}	
.cost .right {
	width: 270px;
	margin: 0px;
	float: left;
	}
.cost .table {
	margin: 0px;
	background-color: #A4DFFF;
	line-height: 150%;
	}		

.cost .table th {	
font-weight: lighter;
	padding: 5px;
	background-color: #dff4ff;
	vertical-align: top;	
	}	
.cost .table td {	
	padding: 5px;
	background-color: #ffffff;
	vertical-align: text-top;
	}		
.cost .table td .price {
	font-weight: bold;
	color: #990000;
	font-size: 14px;
	}	
.cost .left .table {
	margin: 0px;
	float: right;
	background-color: #A4DFFF;	
	}		

.cost .left .table th {	
font-weight: lighter;
	padding: 5px;
	background-color: #dff4ff;	
	}	
.cost .left .table td {	
	padding: 5px;
	background-color: #ffffff;	
	}			

.usually {
	margin: 10px;
	}
	
.super-example {
	text-align: center;
	}	

.about-color {
	text-align: center;
	margin-top: 10px;
}
.about-color td {
	width: 65px;
}	
.about-color th {
}

	
/*---取り扱い注意---*/	
.attention {
	border: 1px solid #B5BFD2;
	padding: 15px 4px 15px 17px;
	margin-top: 21px;
	width: 700px;
	}	
.attention h2 {
	background-image: url(process/img/attention_list_h2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px 0px 35px 0px;
	padding: 0px 0px 0px 24px;
	}		
.attention ul li {
	background-image: url(process/img/attention_list_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin: 9px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
	}	
.attention p {
	background-image: url(process/img/attention_list.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px 0px 9px 21px;
	}	
.attention ul li.close {
	background-image: none;
	}	
.attention ul li.close p {
	padding-bottom: 0px;
	}
		
.box{
	width: 650px;
	float: left;
	padding: 10px;
	}
.box dt {
	margin-top: 20px;
	padding: 0px;
	}
.box dd {
	padding: 0px 5px 10px 20px;
	margin: 0px;
	}
	
.box ul li {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 7px 0px;
	list-style: none;
	background: none;
	line-height:150%;
	}	
.box1 {
	width: 730px;
	float: left;
	}
.box1 dt {
	margin-top: 20px;
	padding: 0px;
	}
.box1 dd {
	padding: 0px 5px 0px 50px;
	margin: 0px;
	font-size: 14px;
	}
	
.box1 ul li {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 5px 0px;
	background: none;
	line-height:150%;
	list-style-type: none;
	}	
.box2 {
	width: 610px;
	float: right;
	line-height: 130%;
	margin-bottom: 20px;
	}
.box2a {
	width: 610px;
	float: left;
	line-height: 150%;
	margin-bottom: 20px;
	margin-left: 50px;
	}
.box2b {
	width: 600px;
	height: 85px;
	vertical-align: middle;
	float: center;
	line-height: 170%;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 10px;
	padding-right: 30px;
	padding-left: 10px;
	padding-bottom: 15px;
	background-image: url(http://www.magnetsheet.net/img/background02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 14px;
	}
.box3 {
	width: 270px;
	float:left;
	margin-right: 5px;
	margin-left: 20px;
	margin-bottom: 20px;
	text-align: center;
	}
.box3a {
	width: 220px;
	float:left;
	margin-right: 5px;
	margin-left: 20px;
	margin-bottom: 20px;
	text-align: center;
	}
.box3b {
	width: 200px;
	float:left;
	margin-right: 5px;
	margin-left: 20px;
	margin-bottom: 20px;
	text-align: center;
	}
.box4 {
	width: 370px;
	float:right;
	margin-left: 0px;
	margin-right: 10px;
	padding-left: 0px;
	margin-bottom: 5px;
		font-size:13px;
	line-height:140%;
	}
.box4a {
	width: 410px;
	float:right;
	margin-left: 0px;
	margin-right: 10px;
	padding-left: 0px;
	margin-bottom: 5px;
	font-size:13px;
	line-height:140%;
}
.box4b {
	width: 480px;
	float:right;
	margin-left: 0px;
	margin-right: 10px;
	padding-left: 0px;
	margin-bottom: 5px;
	font-size:13px;
	line-height:140%;
}
.box4c {
	width:330px;
	float:left;
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 20px;
	text-align: left;
	}
.box4d {
	width: 295px;
	float:left;
	margin-left: 4px;
	margin-right: 4px;
	padding-left: 0px;
	margin-bottom: 5px;
		font-size:13px;
	line-height:140%;
	}
.box5 {
	width: 500px;
	float:left;
	margin-right: 4px;
	margin-left: 4px;
	margin-bottom: 20px;
	text-align: left;
	}
.box5a {
	width: 250px;
	float:left;
	margin-right: 4px;
	margin-left: 4px;
	margin-bottom: 20px;
	text-align: left;
	}
.box5b {
	width: 250px;
	margin-right: 4px;
	margin-left: 4px;
	margin-bottom: 20px;
	text-align: left;
	}
.box5c {
	width: 250px;
	float:right;
	margin-right: 3px;
	margin-left: 3px;
	margin-bottom: 10px;
	text-align: left;
	}
.box5d {
	width: 390px;
	float:left;
	margin-right: 3px;
	margin-left: 3px;
	margin-bottom: 10px;
	text-align: left;
	}
.box5e {
	width: 300px;
	float:right;
	margin-left: 0px;
	margin-right: 5px;
	padding-left: 0px;
	margin-bottom: 5px;
		font-size:13px;
	line-height:140%;
	}
.box5f {
	width: 370px;
	float:right;
	margin-left: 0px;
	margin-right: 5px;
	padding-left: 0px;
	margin-bottom: 5px;
	font-size:13px;
	line-height:140%;
	}
.box5g {
	width: 350px;
	float:left;
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 0px;
	margin-bottom: 5px;
	font-size:13px;
	line-height:140%;
	}
.box5h {
	width: 350px;
	float:right;
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 0px;
	margin-bottom: 5px;
	font-size:13px;
	line-height:140%;
	}
.box6{
	width: 190px;
	float:right;
	margin-left: 0px;
	margin-right: 5px;
	padding-left: 0px;
	margin-bottom: 5px;
	text-align: left;
	height: 290px;
	}
.box6a{
	width: 190px;
	float:right;
	margin-left: 0px;
	margin-right: 5px;
	padding-left: 0px;
	margin-bottom: 5px;
	text-align: left;
	height: 180px;
	}
.f1{
	font-size: 14px;
	line-height:130%;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 0.05em;
	
	}
.f2{
	font-size: 22px;
	line-height:130%;
	color:#F00;
	}
.f3{
	font-size: 22px;
	line-height:130%;
	color: #333333;
	}
.f4{
	font-size: 16px;
	line-height:150%;
	color: #333333;
	}
.f4b{
	font-size: 16px;
	font-weight: bold;
	line-height:150%;
	color: #333333;
	}
.f5{
	font-size: 16px;
	line-height:130%;
	color: #333333;
	}
.f6{
	font-size: 11px;
	line-height:110%;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 0.04em;
	
	}