@charset "UTF-8";
/*
Theme Name: 自楽刺青道
Theme URI: http://www.sweep-web.com
Description: 自楽刺青道
Author: sweep
Version: 1.0
Author URI: http://www.sweep-web.com
*/
@charset "UTF-8";
body {
	margin:0px auto;
	padding:0px;
	text-align: center;
	font-size:62.5%;
	color:#969696;
	line-height:1.4em;
	background:#000 url(./img/bg.gif);
	background-position:0 0;
	background-repeat:repeat-x;
}

table{
	padding:0px;
	margin:0px;
	font-size:100%;
}
th{
	text-align:left;
}
h1,h2,h3,h4,h5{
	margin:0px;
	padding:0px;
}
p {
	padding:0px;
	margin:0px;
}
ul , dl , ol{
	padding:0px;
	margin:0px;
	list-style:none;
}
img {
	border:0px;
	padding:0px;
	margin:0px;
	vertical-align:bottom;
}
form {
	padding:0px;
	margin:0px;
}
object,
embed {
	padding:0px;
	margin:0px;
	vertical-align:top;
}
a:link {
	color: #DCDCDC;
	text-decoration: none;
}
a:visited {
	color: #DCDCDC;
	text-decoration: none;
}
a:hover {
	color: #DCDCDC;
	text-decoration:underline;
}
a:active {
	color: #DCDCDC;
	text-decoration: none;
}
a:hover *{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	text-decoration:underline;
}

.cl{
	clear:left;
}
.clr{
	clear:right;
}
.clb{
	clear:both;
}
.red{
	font-weight:bold;
	color:red;
}
.yw{
	font-weight:bold;
	color:#FFFF00;
}

.err{
	background-color:#ffe6e6;
	font-size:120%;
	font-weight:bold;
}
.box{
	margin:10px 0px 0px 20px;
}
.box h2 a{
	width:230px;
	height:44px;
	margin:0px 0px 10px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display: block;
}
.box h2{
	width:230px;
	height:44px;
	margin:0px 0px 10px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display: block;
}
.box h2 a:hover{
	background-position:-230px 0;
}
.img{
	padding:1px;
	border:1px solid #1e1e1e;
}
.text_right{
	margin-right:10px;
	text-align:right;
}
/***pagenavi**********************/
.wp-pagenavi {
	clear: both;
	text-align:center;
	margin:50px auto !important;
}
.wp-pagenavi a, .wp-pagenavi span {
	background-color: #000;
	border:1px solid rgba(255,255,255,0.15) !important;
	color: #fff;!important;
	padding: 5px 12px !important;
	margin: 0 2px;
	white-space: nowrap;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
}
.wp-pagenavi a:hover{
	background: rgba(255,255,255,0.05);
	color: #fff !important;
}
.wp-pagenavi span.current{
	background: rgba(255,255,255,0.05);
	color: #fff !important;
	border-style: none !important;
}
/************************************/
/*  コンテンツ
/************************************/
#contents{
	width:100%;
	margin:0px auto;
	background:url(./img/contents_bg.gif);
	background-position:center 0;
	background-repeat:no-repeat;
	overflow:hidden;
}
/************************************/
/*  ヘッダー
/************************************/
#head{
	width:950px;
	height:120px;
	margin:0px auto;
	text-align:left;
}

#head h1 {
	padding-top:10px;
	margin-left:245px;
}
#head h1 a{
	width:705px;
	height:60px;
	background-image:url(./img/logo.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display: block;
	text-indent:-9999px;
}
#head h1 a:hover {
	background-position:-705px 0;
}
#head ul{
	margin-left:250px;
}
#head ul li{
	margin-right:10px;
	margin-top:10px;
	float:left;
}
#head ul li a{
	height:25px;
	background-repeat:no-repeat;
	display: block;
	text-indent:-9999px;
}

.navi1 a{
	width:72px;
	background-image:url(./img/navi/001.gif);
	background-position:0 0;
}
.navi1 a.now,
.navi1 a:hover {
	background-position:-72px 0;
}
.navi2 a{
	width:83px;
	background-image:url(./img/navi/002.gif);
	background-position:0 0;
}
.navi2 a.now,
.navi2 a:hover {
	background-position:-83px 0;
}
.navi3 a{
	width:97px;
	background-image:url(./img/navi/003.gif);
	background-position:0 0;
}
.navi3 a.now,
.navi3 a:hover {
	background-position:-97px 0;
}
.navi4 a{
	width:104px;
	background-image:url(./img/navi/004.gif);
	background-position:0 0;
}
.navi4 a.now,
.navi4 a:hover {
	background-position:-104px 0;
}
.navi5 a{
	width:83px;
	background-image:url(./img/navi/005.gif);
	background-position:0 0;
}
.navi5 a.now,
.navi5 a:hover {
	background-position:-83px 0;
}
.navi6 a{
	width:72px;
	background-image:url(./img/navi/006.gif);
	background-position:0 0;
}
.navi6 a.now,
.navi6 a:hover {
	background-position:-72px 0;
}

/************************************/
/*  メイン
/************************************/
#main{
	width:950px;
	margin:auto;
	text-align:left;
	clear:left;
}
/************************************/
/*  右
/************************************/
#right{
	width:705px;
	margin-bottom:50px;
	float:right;
}
/************************************/
/*  左
/************************************/
#left{
	width:235px;
	margin-top:325px;
	margin-bottom:50px;
	float:left;
}
.left_bg{
	width:235px;
	height:357px;
	background-image:url(./img/left/bg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.left_eisei{
	background-image:url(./img/left/eisei.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
.left_eisei h3{
	text-indent:-9999px;
}
.left_eisei p{
	margin:15px 22px;
	line-height:1.7em;
}
.left_blog,
.left_mail {
	margin-bottom:15px;
}
.left_mail a{
	width:235px;
	height:35px;
	background-image:url(./img/left/mail.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display: block;
	text-indent:-9999px;
}
.left_mail a:hover {
	background-position:-235px 0;
}
.left_blog a{
	width:235px;
	height:35px;
	background-image:url(./img/left/blog.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display: block;
	text-indent:-9999px;
}
.left_blog a:hover {
	background-position:-235px 0;
}
/************************************/
/*  新着情報一覧
/************************************/
.topics h2 a{
	background-image:url(./img/new_title.gif);
}



.topics h3{
	padding-left:17px;
	margin:0px 10px 0px 10px;
	background-image:url(./img/list.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:120%;
}
.topics small{
	margin-left:10px;
	font-weight:normal;
}

.topics_com{
	margin:6px 0px 13px 0px;
	padding:0px 0px 8px 10px;
	border-bottom:1px dotted #505050;
	overflow:hidden;
}

.topics2 {
	margin:10px 0px 0px 20px;
}
.topics2 h2 {
	height:44px;
	padding:17px 0px 0px 25px;
	background-image:url(./img/new_title2.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#fff;
	font-size:200%;
}
.topics2 .img {
	margin:10px 10px 10px 0px;
}


/************************************/
/*  トップページ
/************************************/

.top_navi li{
	margin-right:6px;
	float:left;
}



/************************************/
/*  SYSTEM
/************************************/
.service_001 {
	background-image:url(./img/box_bg.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}
.service_001 h2 {
	background-image:url(./img/service/title.gif);
}
.service_001 h3{
	margin:0px 0px 5px 10px;
}
.service_001_img{
	width:60px;
	margin:0px 10px 10px 10px;
	float:left;
	clear:left;
}
.service_001 p{
	margin:0px 0px 2px 10px;
}



.service_002{
	background-image:url(./img/box_bg3.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}
.service_002 h2 {
	margin-top:40px;
	background-image:url(./img/service/title2.gif);
}
.service_002 p {
	padding-left:17px;
	margin:5px 10px 5px 10px;
	background-image:url(./img/list.gif);
	background-position:0 3px;
	background-repeat:no-repeat;
}
.service_002 h3{
	margin:10px 10px 5px 10px;
	width:100px;
	padding:6px 0px 6px 30px;
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:100%;
}

.service_002 .flow_com{
	width:400px;
	padding-bottom:5px;
	padding-left:30px;
	background:none;
	border-bottom:1px solid #323232;
}

.service_002 .flow1{
	background-image:url(./img/service/flow1.gif);
}
.service_002 .flow2{
	background-image:url(./img/service/flow2.gif);
}
.service_002 .flow3{
	background-image:url(./img/service/flow3.gif);
}
.service_002 .flow4{
	background-image:url(./img/service/flow4.gif);
}

.service_003 h2 {
	margin-top:40px;
	background-image:url(./img/service/title3.gif);
}
.service_004 h2 {
	margin-top:40px;
	background-image:url(./img/service/title4.gif);
}

.eisei_img{
	margin-right:15px;
	margin-bottom:25px;
	float:left;
}
.service_004{
	clear:left;
}
.service_004 img{
	margin-right:15px;
	float:left;
}
/************************************/
/*  ギャラリー
/************************************/

.gallery h2 {
	background-image:url(./img/gallery/title.gif);
}
.gallery h3{
	margin:20px 0px 15px 10px;
	clear:left;
}
.gallery_box{
	border-top:1px solid #0F0F0F;
	border-left:1px solid #0F0F0F;
	border-right:1px solid #1E1E1E;
	border-bottom:1px solid #1E1E1E;
	margin:0px 2px 25px 10px;
	float:left;
}
.gallery .new {
	border-top:1px solid #262600;
	border-left:1px solid #262600;
	border-right:1px solid #696917;
	border-bottom:1px solid #696917;
}

.gallery_box p{
	margin:5px;
}


/************************************/
/*  スタジオ
/************************************/
.shop h2 {
	background-image:url(./img/shop/title.gif);
}
.shop table{
	width:640px;
	margin:10px 20px ;
}
.shop th{
	width:100px;
	margin:5px 10px 5px 10px;
	background-image:url(./img/list.gif);
	background-position:0 5px;
	background-repeat:no-repeat;
	font-size:100%;
}
.shop td,
.shop th{
	padding:5px 5px 5px 17px;
	border-bottom:1px dotted #505050;
}
/************************************/
/*  よくある質問
/************************************/
.qa{
	margin-bottom:25px;
	background-image:url(./img/box_bg2.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}
.qa h2 {
	background-image:url(./img/qa/title.gif);
}
.qa2 h2 {
	background-image:url(./img/qa/title2.gif);
}
.qa h3,
.qa2 h3{
	padding-left:17px;
	margin:5px 10px 5px 10px;
	background-image:url(./img/list.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:120%;
}
.qa p{
	width:400px;
	margin:6px 15px 13px 0px;
	padding:0px 0px 8px 10px;
	border-bottom:1px dotted #505050;
}
.qa2 ul{
	width:400px;
	margin-bottom:15px;
	border-bottom:1px dotted #505050;
}
.qa2 li{
	padding-left:10px;
	margin:0px 0px 10px 30px;
	background-image:url(./img/list2.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
/************************************/
/*  ページング
/************************************/
.Page{
	margin:0px 0px 15px 10px;
}
.Page a,
.page_now{
	margin-right:5px;
}
/************************************/
/*  地図
/************************************/
#Map{
	margin:15px 0px 0px 20px;
	width:640px;
	height:450px;
}
/************************************/
/*  フッター
/************************************/
.page_top{
	width:950px;
	margin:auto;
	clear:both;
}
.page_top a {
	width:75px;
	height:20px;
	float:right;
	margin:0px 10px 0px 0px;
	background-image:url(./img/page_top.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display: block;
	text-indent:-9999px;
	cursor:pointer;
}
.page_top a:hover {
	background-position:-75px 0;
}
#footer{
	background:#000 url(./img/foot_bg.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	clear:right;
}
.foot_in{
	width:950px;
	margin:auto;
	padding:30px 0;
	text-align:left;

}
.foot_logo{
	width:650px;
	height:50px;
	margin-bottom:35px;
	background:url(./img/foot_logo.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	text-indent:-9999px;
}
.foot_in ol{
	margin-right:15px;
	float:left;
}
.foot_in ol li{
	padding-left:17px;
	margin:0px 20px 10px 10px;
	background-image:url(./img/list.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
.foot_in ol ul{
	margin:5px 0px 0px 0px;
}
.foot_in ol ul li{
	padding-left:10px;
	margin:0px 0px 10px 0px;
	background-image:url(./img/list2.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}