@charset "euc-jp";


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

[font-size (100%=16px)]

32px	200%
30px	188%
28px	175%
26px	163%
24px	150%
22px	138%
20px	125%
19px	119%
18px	113%
17px	107%
16px	100%
15px	94%
14px	88%
13px	82%
12px	75%
11px	69%
10px	63%

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


/*      all        /////////////////////////////////////////////////////////////*/


#up {
	margin: 0.5em 16px;
	font-size: 69%;
	text-align:right;
	clear:both;
	background: #FFE1E1;
}

/* link */

#up a:link {
	color: #CC6600;
	text-decoration: none;
}

/* visited */

#up a:visited {
	color: #CC3300;
	text-decoration: none;
}

/* hover*/

#up a:hover {
	color: #FF0000;
	text-decoration: none;
}


h1 {
	margin: 0px; /* アンカータグに含まれるイメージタグの周りの線を消す */
}

/*  
	margin: 0.5em 16px;
	border-bottom: 5px solid #b3cd28;
	text-transform: uppercase;
	font-size: 113%;
*/


h2 {
	margin-right: 10px;
	margin-left: 13px;
	padding-left: 30px;
	border-bottom: 2px solid #FF9900;
	border-right: 3px solid #FF9900;
	color: #330000;
	background:url(../images/h2.gif) no-repeat left;		/* 「ヨウセイ」画像 */
	font-size: 125%;
	padding-top: 8px;
}


#koshin {
	padding-right: 20px;
	font-size: 69%;
	color: #336666;
	text-align: right;
}


.honbun {
	font-size: 75%;
	color: #374B4B;
	padding-right: 15px;
	padding-left: 40px;
	letter-spacing: 0.1em;
	line-height: 1.2em;
}

.style1 {
	color: #003399;
}

.style2 {
	color: #FF3333;
}

.style3 {
	color: #663333;
}

.style4 {
	color: #FF3366;
}


/* index.html /////////////////////////////////////////////////////////////*/


#main_index {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 590px;
	height: auto;
	background: url(../images/index_art.jpg) no-repeat;
}

#index_ue {
	margin: 0px;
	padding: 0px;
	width: 590px;
	height: 450px;
}

#index_honbun {
	margin: 0px;
	padding: 0px;
	width: 590px;
	height: auto;
}


.index_honbun {
	font-size: 75%;
	color: #333333;
	padding-right: 30px;
	padding-left: 30px;
	line-height: 1.2em;
}


/* order.html /////////////////////////////////////////////////////////////*/


#main_order {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 590px;
	height: auto;
}

/* pet-art.html //////////////////////////////////////*/


#main_pet-art {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 590px;
	height: auto;
}

#main_pet-art #flow p {
	font-size: 75%;
	line-height: 1.3em;
	margin: 0px 10px;
	padding: 0px;
	height: auto;
	color: #374B4B;
	letter-spacing: 0.1em;
}

#main_pet-art #byoga {
	margin: 0px;
	padding: 0px;
	height: auto;
	clear: both;
}


#main_pet-art #flow img {
	float: left;
	padding: 0px 10px 5px 5px;
}

#main_pet-art #flow {
	margin: 20px 0px 0px 20px;
	padding: 0px;
	height: auto;
	width: 550px;
	float: left;
	clear: both;
}

#main_pet-art #flow-img{
	margin: 0px 0px 0px 20px;
	padding: 0px;
	height: auto;
	width: 550px;
	float: left;
	clear: both;
}


#main_pet-art h3 {
	padding-top: 20px;
	border-bottom: 1px solid #FF9966;
	padding-bottom: 3px;
	clear: both;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#main_pet-art h4 {
	padding-top: 18px;
	padding-bottom: 3px;
	clear: both;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

/*
#main_pet-art h4 {
	font-size: 75%;
	color: #CC3333;
	letter-spacing: 0.2em;
	text-align: left;
	margin: 0px 0px 10px;
	padding: 5px;
	border-bottom: 1px solid #CC6633;
}
*/

/* order-flow.html & pet-sticker.html//////////////////////////////////////*/


#main_flow {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 590px;
	height: auto;
}

#main_flow #flow p {
	font-size: 75%;
	line-height: 1.3em;
	margin: 0px 10px;
	padding: 0px;
	height: auto;
	color: #374B4B;
	letter-spacing: 0.1em;
}

#main_flow #flow img {
	float: right;
	padding: 0px 10px 5px 5px;
}

#main_flow #flow {
	margin: 20px 0px 0px 20px;
	padding: 0px;
	height: auto;
	width: 550px;
	float: left;
}


#main_flow #flow h3 {
	font-size: 75%;
	color: #003D4C;
	background: #FFFFCC;
	letter-spacing: 0.2em;
	text-align: left;
	margin: 0px 0px 10px;
	padding: 5px;
	border-bottom: 3px solid #CCCC99;
}


/* pet-sticker.html  ...only =====================*/


#info {
	padding: 0;
}


#info ul#siteinfo li {
	margin: 0 0.3em;
	display: inline;
}

#info ul#siteinfo li a {
	font-size: 69%;
}



/* order-price.html /////////////////////////////////////////////////////////////*/


#main_price {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 590px;
	height: auto;
}


#main_price h3 {
	margin-left: 10px;
	padding-left: 10px;
	border-bottom: 3px dotted #CC6600;
	line-height: 1.7em;
	font-style: normal;
	font-size: 88%;
	margin-right: 5px;
}

caption {
	padding: 0 0 5px 0;
	width: 520px;
	font-size: 68.75%;
	text-align: right;
	font-weight: bold;
}

#pricetable {
	margin: 0 auto;
	padding: 0;
	width: 520px;
}

#pricetable th {
	font-size: 75%;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 0.1em;
	text-align: left;
	padding: 5px;
	background: #CAE8EA url('../images/price_bg_header.jpg') no-repeat;
	font-weight: bold
}

#pricetable th.nobg {
	border-top: 0px none;
	border-left: 0px none;
	border-right: 1px solid #C1DAD7;
	background: none
}

#pricetable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 5px;
	color: #4f6b72;
	font-size: 75%;
	text-align: left;
}

#pricetable td.alt {
	background: #F5FAFA;
	color: #797268;
}

#pricetable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0px none;
	background: #fff url('../images/price_pinkth.gif') no-repeat;
	font-size: 75%;
	font-weight: bold
}

#pricetable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0px none;
	background: #f5fafa url('../images/price_blueth.gif') no-repeat;
	font-size: 75%;
	font-weight: bold;
	color: #797268
}

#servis {
	padding: 10px;
	height: auto;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	border: 1px dashed #CC0066;
}



/* order-hyoki.html /////////////////////////////////////////////////////////////*/

#main_hyoki {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 590px;
	height: auto;
}


#hyokitable {
	margin: 0 auto;
	padding: 0;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	width: 510px;
}


#hyokitable th.spec {
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-top: 0px none;
	background: #fedfdf url(../images/hyoki_tableth.gif) no-repeat;
	font-size: 75%;
	color:#666666;
	text-align:center;
}


#hyokitable td{
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	padding:0.3em 1em;
	text-align: left;
	font-size: 75%;
	line-height: 1.5em;
	color: #4F6B72;
}


/* gallery-○○○.html /////////////////////////////////////////////////////////////*/


#main_gallery {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 590px;
	height: auto;
}

ul.thumbnail {
	margin: 0.5em 16px;
	padding: 0;
	list-style: none;
}


ul.thumbnail li {
	margin: 0 8px 8px 0;
	padding: 4px;
	border: 5px solid #eee;
	float:left;
	width: 160px;
}

ul.thumbnail li img {
	vertical-align: bottom;
}


/* gallery.html(pet,chara,friend.html) /////////////////////////////////////////////////////////////*/

#gallery-image {
	margin: 20px auto 0px;
	padding: 0px;
	width: 570px;
	height: auto;
	float: left;
	text-align: center;
}

#gallery-comment {
	margin: 0px auto;
	padding: 5px 10px;
	height: auto;
	width: 200px;
	float: right;
	font-size: 69%;
	border-left: 3px solid #CCCCCC;
}


#gallery-comment2 {
	margin: 100px 10px 0px 0px;
	padding: 5px 10px;
	height: auto;
	width: 190px;
	float: right;
	font-size: 69%;
	border: 1px solid #FFCCCC;
}
 

#back {
	margin: 0;
	text-align: center;
	clear:both;
	padding-top: 10px;
	padding-bottom: 10px;
}



/* gallery.html(pet,chara,friend.html) /////////////////////////////////////////////////////////////*/


#gallery {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 590px;
	height: auto;
}

#gallery #art {
	margin: 0px auto;
	padding: 0px;
	width: 500px;
	height: auto;
	text-align: center;
	font-size: 75%;
}

#gallery #art td {
	padding: 10px 0px;
	line-height: 1.2em;
}




/* picture-work.html /////////////////////////////////////////////////////////////*/


#main_picture {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 590px;
	height: auto;
}



/* profile.html /////////////////////////////////////////////////////////////*/


#main_profile {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 590px;
	height: auto;
}

#main_profile #photo_file {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 570px;
	height: auto;
}

#main_profile #photo_file #photo {
	margin: 0px 5px 0px 15px;
	padding: 0px;
	width: 120px;
	height: 448px;
	float: left;
	background: url(../images/profile_img.jpg) no-repeat;
}

#main_profile #photo_file #file {
	margin: 0px;
	padding: 5px 10px;
	width: 400px;
	height: auto;
	float: right;
	font-size: 69%;
	border-left: 3px solid #669999;
}

#gallery {
	margin: 0px;
	padding: 0px;
	width: 590px;
	height: auto;
	clear:both
}

/* links.html /////////////////////////////////////////////////////////////*/


#main_links {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 590px;
	height: auto;
}


/*/////*/


#main_links #bokelink {
	padding:5px 8px;
	margin:0 auto 30px;
	height: auto;
	width: 420px;
	border: 1px solid #006699;
}

#main_links #bokelink h3 {
	font-size:75%;
	margin:0 0 5px 5px;
	padding:0 0 2px 0;
	border-bottom: 2px solid #cccccc;
}

#main_links #bokelink h3 a:link {
	color: #0083B3;
	text-decoration: none;
}

#main_links #bokelink h3 a:visited {
	color: #0083B3;
	text-decoration: none;
}

#main_links #bokelink h3 a:hover {
	color: #555555;
	text-decoration: none;
}


#main_links #bokelink .tb {
	margin:0 0 0 10px;
	font-size:75%;
	color: #695b48;
}


/*/////*/


#main_links #links {
	padding:5px 8px;
	border-color:#cccccc;
	border-width:1px;
	border-style:solid;
	margin:0 auto 15px;
	height: auto;
	width: 520px;
}

#main_links #links h3 {
	font-size:75%;
	margin:0 0 5px 5px;
	padding:0 0 2px 0;
	border-bottom: 2px solid #cccccc;
}

#main_links #links h3 a:link {
	color: #0083B3;
	text-decoration: none;
}

#main_links #links h3 a:visited {
	color: #0083B3;
	text-decoration: none;
}

#main_links #links h3 a:hover {
	color: #555555;
	text-decoration: none;
}


#main_links #links .tb {
	margin:0 0 0 10px;
	font-size:75%;
	color: #695b48;
}

#main_links #bokelink .tb img {
	padding-left: 10px;
}

#main_links #links .tb img {
	padding-left: 10px;
}


/* otoiawase.html /////////////////////////////////////////////////////////////*/


#main_otoiawase {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 590px;
	height: auto;
}

#form {
	margin: 0px;
	padding: 0px 0px 0px 50px;
	width: 500px;
	height: auto;
	text-align: center;
}

form {
	font-size: 82%;
}