@charset "utf-8";

body:first-of-type * {
	letter-spacing: 0px;
}


/* ======================================================================================

	ペイントドット
 
========================================================================================*/


/*　共通
---------------------------------------------------------------------------*/
.Page-Center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

a:link {color: #50aadc;}
a:visited {color: #50aadc;}
a:hover {color: #585858;}

.FontSize-10 { font-size: 10px; }
.FontSize-12 { font-size: 12px; }
.FontSize-13 { font-size: 13px; }
.FontSize-14 { font-size: 14px; }
.FontSize-16 { font-size: 16px; }
.FontSize-18 { font-size: 18px; }
.FontSize-21 { font-size: 21px; }
.FontSize-24 { font-size: 24px; }

.Text-White { color: #FFF; }
.Text-Yellow_ocher { color: #e6a000; }
.Text-Brown { color: #94252a; }
.Text-Black { color: #231815; }
.Text-Purple { color: #6b1686; }
.Text-Blue { color: #0068b7; }
.Text-Light_blue { color: #00afdd; }
.Text-Green { color: #009b63; }
.Text-Yellowish_green { color: #3eb134; }
.Text-Yellow { color: #fdd000; }
.Text-Orange { color: #ee7700; }
.Text-Pink { color: #e95098; }
.Text-Red { color: #e60012; }

.Text-Bold { font-weight: bold; }
.Text-Justify { text-align: justify; }
.Text_Center { text-align: center; }
.Text_Left { text-align: left; }
.Text_Right { text-align: right; }
.LetterSpace-Clear { letter-spacing: 0px; }
.NoTextLine { text-decoration: line-through; }

.li-Disc { list-style-type: disc; }

.BG-Black { background-color: #000; }

.Title_Border {
	border-bottom: #ee7700 solid 1px;
}

.Caption {
	padding-left: 12px;
	text-indent: -12px;
	line-height: 13px;
}

.mLR-A { margin: 0px auto; }

.mT4 { margin-top: 4px; }
.mB3 { margin-bottom: 3px; }
.mB11 { margin-bottom: 11px; }
.mB35 { margin-bottom: 35px; }
.mB50 { margin-bottom: 50px; }
.mL17 { margin-left: 17px; }
.mL25 { margin-left: 25px; }
.mL28 { margin-left: 28px; }
.mL32 { margin-left: 32px; }
.mR4 { margin-right: 4px; }
.mR15 { margin-right: 15px; }
.mR35 { margin-right: 35px; }

.pB4 { padding-bottom: 4px; }
.pL5 { padding-left: 5px; }
.pR15 { padding-right: 15px; }

.bL_B { border-bottom: #000 solid 1px; }
.bL_R { border-right: #000 solid 1px; }
.bL_T_Red { border-top: #F00 solid 2px; }
.bL_B_Red { border-bottom: #F00 solid 2px; }
.bL_L_Red { border-left: #F00 solid 2px; }
.bL_R_Red { border-right: #F00 solid 2px; }
.bL_B_db { border-bottom: #000 double 3px; }
.bL_R_Gray { border-right: #CCC solid 1px; }

.H-100 { height: 100px; }
.H-105 { height: 105px; }
.H-110 { height: 110px; }
.H-115 { height: 115px; }
.H-120 { height: 120px; }
.H-125 { height: 125px; }
.H-130 { height: 130px; }
.H-135 { height: 135px; }
.H-140 { height: 140px; }
.H-145 { height: 145px; }
.H-150 { height: 150px; }
.H-230 { height: 230px; }
.H-630 { height: 630px; }

.W-715 { width: 715px; }

.DotsLine-TypeA {
	clear: both;
	width: 730px;
	height: 1px;
	background-image: url(../_img/_common/border_dots.gif);
	background-repeat: no-repeat;
}

.DotsLine-TypeB {
	clear: both;
	width: 698px;
	height: 1px;
	background-image: url(../_img/_common/border_dots.gif);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#Local-Navi {
	width: 770px;
	height: 81px;
	margin-left: auto;
	margin-right: auto;
}

#Local-Navi li {
	display: inline;
	float: left;
}

#IndexContents-Area {
	width:770px;
	margin: 0px 0px 25px 25px;
}

#Contents-Area {
	width:730px;
	margin: 0px 0px 25px 45px;
}

.Important-Notice {
	font-size: 10px;
	line-height: 13px;
}

.Attention {
	width: 590px;
	margin: 0px auto;
}

.Attention-Area {
	width: 565px;
	height: 48px;
	text-align: center;
	margin: 0px auto;
}

.Attention-Mark {
	float: left;
	width: 56px;
	height: 48px;
	background-image: url(../_img/_common/attention_mark.gif);
	background-repeat: no-repeat;
}

.Attention-Info {
	float: right;
	width: 495px;
	color: #FFF;
	letter-spacing: 0px;
	text-align: left;
	line-height: 16px;
}

.BlackArea-Top {
	width: 590px;
	height: 13px;
	background-image: url(../_img/_common/area_black_top.gif);
	background-repeat: no-repeat;
}

.BlackArea-Middle {
	width: 590px;
	background-color: #000;
}

.BlackArea-Bottom {
	width: 590px;
	height: 13px;
	background-image: url(../_img/_common/area_black_bottom.gif);
	background-repeat: no-repeat;
}

.OrangeLine-Top {
	width: 730px;
	height: 15px;
	background-image: url(../_img/_common/line_orange_top.gif);
	background-repeat: no-repeat;
}

.OrangeLine-Middle {
	width: 698px;
	padding: 0px 15px;
	border-left: #ee7700 solid 1px;
	border-right: #ee7700 solid 1px;
}

.OrangeLine-Bottom {
	width: 730px;
	height: 15px;
	background-image: url(../_img/_common/line_orange_bottom.gif);
	background-repeat: no-repeat;
}

.Chapter-TypeA {
	width: 730px;
}

.Chapter-TypeB {
	width: 715px;
	padding-right: 15px;
}

.Chapter-TypeC {
	width: 698px;
}


/*　ペイントドットＰＶ
---------------------------------------------------------------------------*/
#PV {
	width: 660px;
	height: 380px;
	background-color: #000;
}


/*　ペイントドットとは
---------------------------------------------------------------------------*/
#Product-Info {
	margin-left: 20px;
	margin-bottom: 40px;
	padding-top: 3px;
	line-height: 24px;
}

.BlackLine-Top {
	width: 470px;
	height: 13px;
	background-image: url(../_img/_index/line_seto_top.gif);
	background-repeat: no-repeat;
}

.BlackLine-Middle {
	width: 468px;
	height: 104px;
	border-left: #333 solid 1px;
	border-right: #333 solid 1px;
}

.BlackLine-Bottom {
	width: 470px;
	height: 13px;
	background-image: url(../_img/_index/line_seto_bottom.gif);
	background-repeat: no-repeat;
}

#InfoArea_01 {
	width: 730px;
	height: 145px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 15px;
}

#Seto-Info {
	float: left;
	width: 470px;
}

#Seto-InfoArea {
	width: 440px;
	margin: 0px auto;
	text-align: center;
}

#Seto-Pic {
	float: left;
	width: 103px;
	height: 104px;
}

#Seto-Profile {
	float: right;
	width: 325px;
	height: 103px;
	text-align: left;
}

#Seto-Text {
	line-height: 16px;
}

#Paint-PV {
	float: right;
	width: 225px;
	height: 130px;
}

#Paint-PV img:hover {
	cursor: pointer;
}

#InfoArea_02 {
	width: 730px;
	height: 145px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 15px;
}

#Topics-Info {
	float: left;
	width: 470px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

#Topics-Text {
	width: 470px;
	line-height: 15px;
}

#Topics-Text dl {
	width: 470px;
}

#Topics-Text dt {
	float: left;
	margin-right: 10px;
	text-align: left;
}

#Topics-Text dd {
	text-align: left;
}

#Shop-List {
	float: right;
	width: 225px;
}

#Shop-List img:hover {
	cursor: pointer;
}

/*　お取扱店舗一覧
---------------------------------------------------------------------------*/
.W-Area { width: 70px; }
.W-StoreName { width: 230px; }
.ListBG-Gray { background-color: #ececec; }

#Area-Navi {
	width: 730px;
	height: 52px;
}

#Area-Navi li {
	display: inline;
	float: left;
}

#Area-Navi img:hover {
	cursor: pointer;
}

.AreaList {
	width: 730px;
}

.AreaList table {
	border-top: #000 solid 1px;
	border-left: #000 solid 1px;
}

.AreaList td {
	padding: 2px 0px 2px 5px;
}


/*　製品情報
---------------------------------------------------------------------------*/
.Products {
	width: 730px;
	height: 250px;
}

.Item-Info {
	float: left;
	width: 435px;
	line-height: 16px;
}

.Item-Pic {
	float: right;
	width: 268px;
}

.ThumbNail {
	width: 268px;
}

.ThumbNail li{
	display: inline;
	float: left;
}

.ThumbNail img:hover {
	cursor: pointer;
}

.BlueLine-Top {
	width: 730px;
	height: 16px;
	background-image: url(../_img/_common/line_bule_top.gif);
	background-repeat: no-repeat;
}

.BlueLine-Middle {
	width: 702px;
	height: 101px;
	padding: 0px 13px;
	border-left: #0068b7 solid 1px;
	border-right: #0068b7 solid 1px;
}

.BlueLine-Bottom {
	width: 730px;
	height: 16px;
	background-image: url(../_img/_common/line_bule_bottom.gif);
	background-repeat: no-repeat;
}

#AqoatechTwin {
	width: 730px;
}

#AqoatechTwin-Info {
	float: left;
	width: 510px;
	height:100px;
}

#AqoatechTwin-Pic {
	float: right;
	width: 179px;
	height: 98px;
}

#Product-Attention {
	width: 730px;
}

#Product-Attention li{
	list-style-type: disc;
}

/*　楽しみ方
---------------------------------------------------------------------------*/
.Design-Info {
	float: left;
	width: 572px;
}

.Design-Pic {
	float: right;
	width: 135px;
}

.PaintPoint-Info {
	width: 698px;
	text-align: justify;
}

/*　ドットシミュレーター
---------------------------------------------------------------------------*/
#Simulator-Btn img:hover {
	cursor: pointer;
}

.DotsSimu-InfoTypeA {
	float: left;
	width: 550px;
}

.DotsSimu-InfoTypeB {
	float: left;
	width: 405px;
}

.DotsSimu-InfoTypeC {
	float: left;
	width: 390px;
}

.DotsSimu-Pic {
	float: right;
	width: 135px;
}

/*　ペイントドットシミュレーター（FLASH）
---------------------------------------------------------------------------*/
#PC-Info-TypeA {
	width:730px;
	margin: 0px 0px 40px 0px;
}

#PC-Info-TypeA li{
	margin-left: 15px;
	list-style-type: disc;
}

#PC-Info-TypeB {
	width:770px;
	margin: 0px 0px 25px 25px;
}

#PC-Info-TypeB li{
	margin-left: 15px;
	list-style-type: disc;
}

#SWF-Area {
	width:770px;
	height: 600px;
	margin: 0px 0px 25px 25px;
}

/*　ギャラリー
---------------------------------------------------------------------------*/
.Artist-Gallery {
	width: 730px;
}

.Artist-Info {
	width: 730px;
}

.Artist-Title {
	width: 70px;
	height: 13px;
	background-image: url(../_img/_gallery/artist_title.gif);
	background-repeat: no-repeat;
}

.Work-Name {
	width: 220px;
	border-bottom: #999 solid 1px;
}

.Artist-Work li {
	display: inline;
	float: left;
}

.colorNum-010 {
	color: #faeccc;
}

.colorNum-011 {
	color: #e6a000;
}

.colorNum-020 {
	color: #ead3d4;
}

.colorNum-021 {
	color: #94252a;
}

.colorNum-030 {
	color: #d3d1d0;
}

.colorNum-031 {
	color: #231815;
}

.colorNum-040 {
	color: #e1d0e7;
}

.colorNum-041 {
	color: #6b1686;
}

.colorNum-050 {
	color: #cce1f1;
}

.colorNum-051 {
	color: #0068b7;
}

.colorNum-060 {
	color: #cceff8;
}

.colorNum-061 {
	color: #00afdd;
}

.colorNum-070 {
	color: #ccebe0;
}

.colorNum-071 {
	color: #009b63;
}

.colorNum-080 {
	color: #d8efd6;
}

.colorNum-081 {
	color: #3eb134;
}

.colorNum-090 {
	color: #fff6cc;
}

.colorNum-091 {
	color: #fdd000;
}

.colorNum-100 {
	color: #fce4cc;
}

.colorNum-101 {
	color: #ee7700;
}

.colorNum-110 {
	color: #fbdcea;
}

.colorNum-111 {
	color: #e95098;
}

.colorNum-120 {
	color: #faccd0;
}

.colorNum-121 {
	color: #e60012;
}


/*　Ｑ＆Ａ
---------------------------------------------------------------------------*/
.GrayAreaTop-TypeA {
	width: 730px;
	height: 18px;
	background-image: url(../_img/_common/area_gray_top_01.gif);
	background-repeat: no-repeat;
}

.GrayArea-Middle {
	width: 730px;
	background-color: #efefef;
}

.GrayAreaBottom-TypeA {
	width: 730px;
	height: 20px;
	background-image: url(../_img/_common/area_gray_bottom_01.gif);
	background-repeat: no-repeat;
}

.GrayAreaTop-TypeB {
	width: 730px;
	height: 13px;
	background-image: url(../_img/_common/area_gray_top_02.gif);
	background-repeat: no-repeat;
}

.GrayAreaBottom-TypeB {
	width: 730px;
	height: 13px;
	background-image: url(../_img/_common/area_gray_bottom_02.gif);
	background-repeat: no-repeat;
}

.DotsLine-Gray {
	padding-right: 0px;
	border-bottom: #999 dotted 1px;
}

.ProductQ-Title {
	background-image: url(../_img/_faq/ball_green.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 2px 0px 2px 17px;
}

.SimulatorQ-Title {
	background-image: url(../_img/_faq/ball_blue.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 2px 0px 2px 17px;
}

#Product-Q a:link {color: #009b63;}
#Product-Q a:visited {color: #009b63;}
#Product-Q a:hover {color: #585858;}

#Simulator-Q a:link {color: #0068b7;}
#Simulator-Q a:visited {color: #0068b7;}
#Simulator-Q a:hover {color: #585858;}

.QA {
	text-indent: -16px;
	line-height: 18px;
	margin-left: 33px;
}

.QA-16 {
	margin-left: 38px;
	font-size: 16px;
	text-indent: -22px;
	line-height: 18px;
}

.Answer-Area { width: 715px; }