@charset "utf-8";
body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #FFF;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
	margin-bottom:0;
	padding-top:30px;
	padding-right: 15px;
	padding-left: 15px; /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */
	color: #F60;
	/*font-weight: normal;*/
}
h1{
	color: #222;
	font-weight: normal;
}
div.top h1{
	font-size:36px;
	margin-bottom:5px;
	padding-top:10px;
	color:#ff6600;
}
a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}
/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color: #42413C;
	text-decoration: underline; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
}

/* ~~ この固定幅コンテナが他のすべてのエレメントを囲みます。~~ */
.container {
	width: 900px;
	background: #FFF;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
}

/* ~~ これはレイアウト情報です。~~ 

1) 余白は、div の上部または下部にのみ配置されます。この div 内のエレメントには、それ自体に余白があるので、ボックスモデル計算を行う必要がありません。ただし、div 自体に両側の余白やボーダーを指定した場合、その値が加算されたものが合計幅になることに注意してください。div 内のエレメントの余白を削除し、さらにその div 内に、全体のデザインに必要な幅や余白を指定していない 2 つ目の div を追加することもできます。

*/
.content {
	padding: 10px 0;
}

/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	/*margin-left: 8px;*/
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	/*margin-right: 8px;*/
}
.clearfloat { /* このクラスは、.container で overflow:hidden が削除されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.HDDtoSSD {
	padding:100px 26px;
}
div.leaveIt {
	padding-bottom:20px;
	border-bottom-width: 2px;
	border-bottom-style: none;
	border-bottom-color: #ccc;
}
.badpc, .price, .que, .price_ex {
	padding: 60px 25px;
}
.ssd_best{
	padding:60px 25px 60px 25px;
}
.imp {
	padding:0 25px;
}
div.winxp, div.link{
	padding:10px 25px;
}

div.flow{
	padding:30px 25px 0px 25px;
}
.impress{
	padding: 30px 0;
}
.plus{
	border-bottom:#ccc solid 2px;
	padding:20px 25px;
}
.final{
	padding:30px 0;
}
.footer {
	font-size:12px;
	padding:0 auto;
	text-align:center;
}
table.tradeLaw {
	line-height:20px;
	font-size:14px;
	margin-left:25px;
}
table.tradeLaw th, table.tradeLaw td {
	border-bottom:1px solid #444;
}
table.tradeLaw th {
	border-right:1px solid #444;
	width:150px;
}
table.tradeLaw ul{
	margin:0;
	padding-left:20px;
	font-size:14px;
}
p.des{
	margin-top:0px;
	margin-bottom:10px;
	padding:0 1em 0.25em 1em;
	text-indent:1em;
	font-size:14px;
	font-weight:normal;
	line-height:19px;
	color:#333;
}
p.des2{
	margin-left:30px;
}
p.noindent{
	text-indent:0;
	margin-left:20px;
}
p.des3{
	margin-left:0;
	padding-left:0;
}
p.des4{
	margin-bottom:0;
}

p.des5{
	margin-left:20px;
}

p.des6{
	padding-left:4em;
}

p.title{
	font-size:16px;
	margin-top:20px;
	font-weight:bold;
}
.customers{
	width:880px;
	padding-left:20px;
	text-align:center;
	border-top:#ccc double 4px;
	border-bottom:#ccc double 4px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.customers .fltrt{
	width:415px;
	padding-right:20px;
}
.noteTop{
	background:#fff url(../images/wireNoteTop.png) no-repeat top left;
	height:69px;
}
.noteMid{
	background:#fff url(../images/wireNoteMid.png) repeat-y top left;
	text-align:left;
}
.noteBot{
	font-size:1px;
	background:#fff url(../images/wireNoteBot.png) no-repeat top left;
	height:31px;
}
.noteBlueTop{
	background:#fff url(../images/wireNoteBlueTop.png) no-repeat top left;
	height:69px;
	text-align: left;
}
.noteBlueMid{
	background:#fff url(../images/wireNoteBlueMid.png) repeat-y top left;
	text-align: left;
}
.noteBlueBot{
	font-size:1px;
	background:#fff url(../images/wireNoteBlueBot.png) no-repeat top left;
	height:31px;
}
.noteTitle{
	margin:0;
	padding:20px 0 0 50px;
	font-size:16px;
	line-height:22px;
	font-weight:bold;
	color: #333;
}
.noteBody{
	font-size:13px;
	padding:10px 20px 0 50px;
	text-indent:1em;
	line-height:18px;
	color: #333;
}
.mamo{
	color:#00F;
}
.noteFooter{
	font-size:13px;
	text-align:right;
	padding:5px 20px 0 50px;
	color: #333;
}
.faq_index{
	text-align:center;
}
.faq_index .fltrt{
	width:415px;
	padding-left:30px;
	text-align:left;
}
.faq_index h2{
	font-size:20px;
	color:#444;
	margin-left:0;
	padding-left:0;
}
.faq_index ul{
	font-size:13px;
	line-height:20px;
}
.faq_body table{
	line-height:20px;
	margin:30px 0 0 0;
}
.faq_body td{
	vertical-align:top;
	font-size:14px;
}
.faq_body td p{
	padding:0;
	margin:0;
	text-indent:1em;
}
.faq_body td.q_body p{
	font-size:18px;
	font-weight:bold;
}
.faq_body td.a_body p{
	margin-bottom:10px;
}
.faq_body td.q_sym, .faq_body td.a_sym{
	/*background:transparent url(../images/qsym.png) no-repeat center top;*/
	width:30px;
	text-align:right;
	vertical-align:top;
}
.faq_body td.space{
	height:20px;
	text-align:right;
	font-size:10px;
	/*border-bottom:1px solid #444;*/
}
.faq_body td.a_body img{
	display:block;
	margin:10px 0 10px 30px;
}
.faq_body td.a_body p.strong_indent{
	text-indent:3em;
}
.faq_body td.a_body p.no_bottom_space{
	margin-bottom:0;
}
.faq_body td.a_body ul{
	margin:0 0 10px 40px;
	padding:0;
}
.price_ex{
	border-top:#ccc double 4px;
}
div#info{
	border:2px solid #444;
	overflow:scroll;
	width:500px;
	height:200px;
	margin-left:10px;
}
table.info{
	font-size:12px;
	width:480px;
	margin-left:0px;
}
table.info .date{
	width:50px;
	text-align:right;
	vertical-align:top;
}
table.info .event{
	text-align:left;
	line-height:16px;
}
.faq_body p.faqindent{
	margin-left:3em;
}
span.red {
	color:red;
}
div.column_right{
	float:right;
	width:530px;
	margin:0 0 0 20px;
}

div.column_right img.map{
	margin-top:30px;
}

div.column_left{
	float:right;
	width:350px;
	margin-left:0px;
	text-align:center;
}
div#policy{
	margin-top:0px;
	padding-bottom:40px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: none;
	border-bottom-style: solid;
	border-top-color: #ccc;
	border-bottom-color: #ccc;
}
div#policy span{
	font-size:14px;
	color:#F60;
}
p.small{
	font-size:small;
}
ul.column{
	margin-left:50px;
	font-size:14px;
	line-height:20px;
}
table.repeatDiscount{
	font-size:14px;
	margin-left:40px;
}
table.repeatDiscount td.repeat{
	width:130px;
}
table.repeatDiscount td.discount{
	width:150px;
	font-weight:bold;
}
div.campaign, div.price_result{
	padding-bottom:40px;
	border-bottom:2px solid #ccc;
}
div.price_result span{
	font-weight:bold;
	color:#F30;
}
h3.ssdPrice{
	padding:0 0 0 20px;;
}
h3.diy{
	padding-top: 40px;
	padding-left: 2em;
}
h4.diy{
	margin-left:50px;
}
table.price_result td.workFee{
	text-align:center;
}
table.area{
	font-size:14px;
	margin-left:30px;
	border-collapse:collapse;
}
table.area td{
	width:47px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #000;
}
table.area td.done{
	background-color:#09F;
}
div.alt{
	padding:0 25px;
	text-align:center;
}
div.altColumn{
	width:425px;
	text-align:left;
	float:right;
}
span.altParent{
	margin-left:20px;
	line-height:22px;
}
span.altChild{
	vertical-align:super;
	font-size:14px;
	margin-left:10px;
}
ol.flow{
	margin-left:10px;
	line-height:30px;
	color:#F63;
	font-weight:bold;
}
ol.subnum{
	margin-left:60px;
	font-size:14px;
	margin-bottom:20px;
	color:#333;
}
ul.flow{
	margin-left:20px;
	font-size:13px;
	line-height:20px;
	color:#333;
	font-weight:normal;
}
ul.big{
	font-size:14px;
	line-height:25px;
}
table.price_result{
	border-collapse:collapse;
}
table.price_result span, table.price_result sup{
	font-weight:normal;
	font-size:small;
}
table.price_result th{
	background-color:#C4FFFC;
}
table.price_result td{
	text-align:right;
	font-size:14px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
}
table.price_result td.pc{
	padding-left:5px;
	text-align:left;
}
table.price_result td.type{
	text-align:center;
}
table.price_result tr.strong{
	background-color:#B5FFAC;
}
table.maker{
	font-size:14px;
	margin-left:30px;
	border-collapse:collapse;
}
table.maker td{
	border:1px solid #333;
	background-color:#B5FFAC;
	text-align:center;
}
div.faq_here{
	text-align:center;
	border-bottom: 2px solid #ccc;
	padding: 20px 0;
}
div#stdwork, div#repair{
	display:none;
}
div.sagyou{
	border:1px solid #aaa;
	padding:10px 0;
	margin-bottom:10px;
}
input#stdworkbutton, input#repairbutton{
	margin:0 0 10px 40px;
	font-size:13px;
}
div#diy, div.clone{
	border:1px solid #333;
	padding:10px;
	margin-left:0px;
	width:880px;
}
div#diy ol, div.clone ol{
	margin-left:60px;
	font-size:14px;
}
ul.diy li{
	margin-bottom:10px;
}
div.clone ol.soft{
	list-style-type:lower-alpha;
}
div.clone ol.soft p{
	margin:0;
	padding:0;
}
div#diy li, div.clone li{
	line-height:30px;
}
div#diy li.main{
	margin-top:20px;
}
div#diy span{
	font-size:16px;
	font-weight:bold;
}
div#diy ol ul, div.clone ol ul{
	margin-left:40px;
}
div#diy ol p{
	margin-top:10px;
}
div#judge{
	width:800px;
	margin-left:40px;
	margin-top:30px;
	padding:5px;
	border:2px solid #666;
	background-color:#9FC;
}
h1.diy{
	width:550px;
	background:transparent url(../images/h1bg.png) bottom left repeat-x;
	margin-bottom:20px;
}
#deassy1, #deassy2, #deassy3{
	background-color:#06F;
	color:#fff;
}
#skill1, #skill2, #skill3, #work1, #work2, #work3, #prepare1, #prepare2, #prepare3{
	background-color:#fff;
	color:#000;
}
ul.des, ol.des{
	margin:10px 0 10px 40px;
	font-size:14px;
}
div#repeat{
	display:none;
	font-size:14px;
	text-align:right;
	margin-right:15px;
}
table.door{
	margin-left:40px;
	margin-bottom:20px;
}
table.door td{
	width:350px;
	line-height:20px;
	font-size:12px;
	vertical-align:top;
}
ul.add{
	margin:10px 0 10px 50px;
	font-size:13px;
}
div#diy ul.add li{
	line-height:20px;
	margin-top:10px;
}
div.link table{
	margin-left:20px;
	font-size:13px;
}
div.link td{
	width:120px;
	text-align:left;
}
div.link th{
	border-bottom:1px dotted #ccc;
	text-align:left;
	height:40px;
	vertical-align:bottom;
}
div.return{
	width:900px;
	margin:0;
	padding:0;
	text-align:right;
	font-size:14px;
}
div#navmenu1, div.pagemenu{
	background-color:#CCC;
}

div.est, div.xp{
	margin-bottom:40px;
}

div.est p, div.xp p{
	text-indent:1em;
	font-size:14px;
	margin-left:30px;
}

div.est ol, div.est ul{
	margin-left:60px;
}

div.est ul{
	font-size:14px;
}

div.est li{
	margin-top:20px;
}

div.est img {
	margin-left:60px;
}

div.est h3, div.xp h3{
	margin-left:30px;
}

div.est ol.hddtype{
	margin-left:100px;
	font-size:14px;
}

div.est form{
	font-size:14px;
	margin-left:60px;
}

div.est p.note{
	color:red;
}

div.est h4, div.xp h4{
	margin-left:60px;
	font-size:14px;
}

div.est p.eq{
	margin-left:80px;
}

table.parts{
	border-collapse:collapse;
	text-align:center;
	font-size:14px;
	margin:0 0 10px 20px;
	border-width:3px;
}

table.parts th{
	/*background-color:#C4FFFC;*/
	background-color: #F8B57E;
}

table.parts .addBorder{
	border-bottom:2px #000 solid;
}

table.parts tr.strong{
	/*background-color:#B5FFAC;*/
	background-color:#F0D0AC
}

div.affiliate{
	margin:60px auto;
	text-align:center;
}

div#altContent2{
	background-color:#000;
}

div#proginh{
}

div#proginh h1{
	font-size:36px;
	margin-bottom:5px;
	margin-top:5px;
}

div#proginh div.right{
	float:right;
	width:200px;
	padding-top:5px;
	font-size:20px;
}

div#proginh div.left{
	float:right;
	width:700px;
}

div.xp{
	line-height:25px;
	color:#333;
}

div.xp strong{
	font-weight:normal;
	color:#000;
	font-size:16px;
}

div.xp td p{
	margin-left:0;
}

ul.xp{
	margin-left:20px;
	font-size:14px;
}

ul.diy{
	margin-left:90px;
	font-size:14px;
}

div#diy ul.diy li{
	line-height:20px;
}

li.xp{
	line-height:25px;
	color:#000;
	margin-left:60px;
	margin-top:0;
}

table.xp{
	border-collapse:collapse;
	font-size:14px;
	margin-left:50px;
}

table.xp th{
	background-color:#CCC;
}

table.xp td{
	text-align:right;
}

table.xp span{
	font-weight:normal;
}

ol.num1{
	list-style-type:none;
	padding-left:20px;
	margin:10px 60px 0 60px;
	font-size:14px;
}

ol.num1 ul{
	margin:10px 0 0 60px;
	list-style-type:disc;
	font-size:12px;
}

ol.num1 ul li{
	text-indent:0;
}

ol.num1 li {
	text-indent:-1em;
	line-height:20px;
	margin-bottom:10px;
}

div#diy ol.diy li{
	padding-bottom:0.5em;
	margin-left:50px;
	line-height: 20px;
}

li.info{
	list-style-image:url(../images/info.png);
}

li.attention{
	list-style-image:url(../images/excl.png);
}

li.ng{
	list-style-image:url(../images/x.png);
}

li.ok{
	list-style-image:url(../images/good.gif);
}

li.unknown{
	list-style-image:url(../images/unknown.gif);
}

ol.num1 li.img{
	margin-left:100px;
}

ol.res img{
	border:#888 solid 1px;
}

span.mamotech{
	color:#000;
	font-weight:bold;
}

span.repeat{
	font-weight:bold;
}

img.borderON{
	border:1px solid #888;
}

div.ssd_plus{
	margin:0 0 0 50px;
}

div.to_form_center{
	margin:0 auto;
	width:310px;
}

div.xp table.index{
	margin:20px 0 0 50px;
	font-size:14px;
}

div.xp table.index td{
	width:400px;
	padding:0 10px;
}

div.xp table.index td.L{
	text-align:right;
}

p.top{
	text-align:right;
}

h1.xp{
	color:#f60;
	line-height:35px;
}

div.form{
	margin:10px 0;
}

table.history {
	margin:0 0 0 20px;
	border-collapse:collapse;
	font-size:14px;
}

table.history td.maker{
	text-align:center;
	background-color:#CCC;
	font-size:15px;
	font-weight:bold;
}

table.history td.hd{
	text-align:center;
	background-color:#CCC;
	font-size:11px;
	padding:2px 5px;
}

table.history td.ef, table.history td.da{
	text-align:center;
}

table.history ul{
	padding-left:20px;
}

span.impact{
	font-size:18px;
	font-weight:bold;
}

table.interface{
	border-collapse:collapse;
	border:2px solid #000;
}

table.interface th{
	background-color:#ddd;
	border-bottom:2px solid #000;
	border-top:2px solid #000;
}

table.interface th span{
	font-weight:normal;
	font-size:11px;
}

table.interface td{
	font-size:12px;
}

table.interface td span{
	margin-left:10px;
}

table.interface ul{
	padding-left:20px;
}

p.remarks{
	font-size:12px;
	margin:3px 0 3px 0;
}

img#Image30{
	margin:60px 0 0 0;
}

h2.narrow{
	padding-top:10px;
}

div.faq_here h2 a{
	color:#f60;
}

.pagemenu ul {
	margin:0;
	padding:0 50px;
	background:transparent url(../images/nav_lit.png) repeat-x scroll left bottom;
	height:37px;
	line-height:36px;
}

.pagemenu li {
	margin:0;
	padding:0 8px;
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
	float:left;
	border-left:#CCC 1px solid;
	border-right:#888 1px solid;
	border-collapse:collapse;
}

.pagemenu a {
	font-size:13px;
  color:#000;
  text-decoration:none;
}

.pagemenu a:hover {
	background-color:#ffffff;
	color:#000000;
}

table.notes{
	margin-left:20px;
	font-size:12px;
}

table.notes td{
	vertical-align:top;
}

table.notes td.num{
	width:20px;
}