@charset "utf-8";

/*-----------------------------------------------------
    10px = 77%     11px = 85%     12px = 93%     13px = 100%
    14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
    18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
    22px = 167%    23px = 174%    24px = 182%    25px = 189%
    26px = 197%
------------------------------------------------------*/

/*-----------------------------------------------------
common
------------------------------------------------------*/

body{
	background:url(../images/boby_bg.gif) repeat-x;
}

h1{
}

h2{
}

h3{
	margin-bottom:30px;
}

h4{
	width:721px;
	height:28px;
	margin-bottom:20px;
	padding:8px 0 0 25px;
	background:url(../images/h4_bg.png)no-repeat;
	font-size:123.1%;
	font-weight:bold;
}

p{
	line-height:1.3;
	text-align:justify;
	text-justify:inter-ideograph; 
}

a:link{
	color:#06f;
	text-decoration:none;
}

a:visited{
	color:#06f;
	text-decoration:none;
}

a:hover{
	color:#06f;
	text-decoration:underline;
}

.bold{
	font-weight:bold;
}

.justify{
	text-align:justify;
	text-justify:inter-ideograph; 
}

.main_color{
	color:#de7ea8;
}

.margin_top_bottom1{
	margin:10px 0 30px;
}

.margin_top5{
	margin-top:5px;
}

.margin_top10{
	margin-top:10px;
}

.margin_top15{
	margin-top:15px;
}

.margin_top20{
	margin-top:20px;
}

.margin_top30{
	margin-top:30px;
}

.margin_top35{
	margin-top:35px;
}

.margin_bottom5{
	margin-bottom:5px;
}

.margin_bottom10{
	margin-bottom:10px;
}


.margin_bottom15{
	margin-bottom:15px;
}

.margin_bottom30{
	margin-bottom:30px;
}

.main_color{
	color:#de7ea8;
}

#container{
	width:980px;
	margin:0 auto;
}

/* header */

#header{
	width:980px;
	height:124px;
	margin-bottom:20px;
	padding:13px 0 0 0;
}

#logo{
	width:350px;
	float:left;
	margin:0 0 20px 0;
}

#main_title{
	width:440px;
	float:left;
	margin:29px 0 0 0;
}

#link{
	width:190px;
	float:left;
}

#link_inner1{
	width:145px;
	float:left;
	margin:0 0 18px 45px;
}

#link_inner1 img{
	float:left;
}

#link_inner1_margin{
	margin-right:16px;
}

#link_inner2{
	width:175px;
	clear:both;
	margin-left:15px;
}

#link_inner2 img{
	float:left;
}

#link_inner2_margin{
	margin-right:5px;
}

#g_navi{
	width:980px;
	height:48px;
	clear:both;
	background:url(../images/g_navi_bg.png) no-repeat;
}

#g_navi li{
	float:left;
}

/* left_side */
#left_side{
	width:214px;
	float:right;
	margin:0 10px 0 0;
}

.side_inner{
	width:212px;
	margin-bottom:20px;
	background:#f6f6f6;
	border-right:1px #d7d7d7 solid;
	border-bottom:1px #d7d7d7 solid;
	border-left:1px #d7d7d7 solid;
}

.side_text{
	width:192px;
	padding:15px 10px;
	font-size:77%;
	text-align:justify;
	text-justify:inter-ideograph; 
}


#menu{
	width:212px;
}

.archive{
	padding:5px 10px;
	background: url(../images/sub_menu_bg.gif)no-repeat;
	cursor:pointer;
}

.subMenu li{
	margin-left:17px;
	padding:5px 10px;
	border-bottom:1px solid #fff;
	font-size:85%;	
}


/* main */
#main{
	width:746px;
	float:right;
	margin:0 0 0 10px;
}

#pankuzu{
	width:746px;
	margin:0 0 20px 0;
	font-size:77%;
}

/* company */
/* sitemap */
.sitemap_box1{
	width:213px;
	margin:0 0 35px 0;
	float:left;
}

.sitemap_box1 li{
	margin:5px 0 0 25px;
	list-style-image:url(../images/rental_li_icon.gif);
}

.sitemap_title{
	width:188px;
	height:26px;
	margin:0 0 10px 0;
	padding:10px 0 0 25px;
	background:url(../images/sitemap_title1.gif)no-repeat;
	font-weight:bold;
}

.sitemap_box2{
	width:480px;
	float:left;
	margin:0 0 35px 53px;
}

.sitemap_box2 ul{
	float:left;
	margin:0 25px 0 0;
}

.sitemap_box2 li{
	margin:5px 0 0 25px;
	list-style-image:url(../images/rental_li_icon.gif);
}

.sitemap_title2{
	width:455px;
	height:26px;
	margin:0 0 10px 0;
	padding:10px 0 0 25px;
	background:url(../images/sitemap_title2.gif)no-repeat;
	font-weight:bold;
}

.sitemap_box3{
	width:213px;
	float:left;
	margin:0 50px;
}

.sitemap_box3 li{
	margin:5px 0 0 25px;
	list-style-image:url(../images/rental_li_icon.gif);
}

/* greeting */
#greeting_left{
	width:132px;
	float:left;
	font-size:85%;
}

#greeting_left p{
	text-align:center;
}

#greeting_right{
	width:594px;
	float:left;
	margin:0 0 0 20px;
}

/* pv */
#pv{
	width:746px;
	height:420px;
	background:url(../images/art_text_bg.gif);
}

/* artist */
#art_left{
	width:205px;
	float:left;
	margin:5px 30px 0 0;
	background: url(../images/art_text_bg.gif);
}

#art_left img{
	margin-top:10px;
}


#art_text{
	width:185px;
	padding:15px 10px;
	font-size:93%;
	line-height:1.5;
	text-align:justify;
	text-justify:inter-ideograph;
	word-break:break-all;
}

#art_right{
	width:511px;
	float:right;
}

#art_caption{
	width:503px;
	clear:both;
	margin:20px 0 0 0;
}

#art_navi{
	width:503px;
	clear:both;
}

#others_art{
	width:453px;
	margin:20px 0 10px 0;
	padding:10px 0 10px 30px;
	background:url(../images/others_bg.gif) no-repeat;
	background-position:center inherit;
	line-height:0.9;
}

/* rental */
.rental_left{
	width:127px;
	height:25px;
	float:left;
	padding:7px 0 0 25px;
	background:url(../images/rental_title_bg1.gif)no-repeat;
	font-weight:bold;
}

.rental_right{
	width:565px;
	float:left;
	margin:0 0px 35px 29px;
	padding:0px 0 0 0;
}

.rental_title{
	width:535px;
	height:25px;
	float:left;
	margin:0 0 15px 0;
	padding:7px 0 0 30px;
	background:url(../images/rental_title_bg2.gif)no-repeat;
	font-weight:bold;
}

.rental_link{
	width:200px;
	float:left;
	margin:0 0 0 10px;
	padding-left:17px;
}

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

/* price */
#price_table{
	width:650px;
}

#price_table td{
	padding:10px;
	border:5px solid #ffffff;
	text-align:center;
}

.d7{
	width:150px;
	background:#d7d7d7;
}

.fb{
	width:150px;
	background:#fbe9a1;
}

.cc{
	width:150px;
	background:#ccf0f8;
}

/* flow */

.flow_left{
	width:132px;
	float:left;
}

.flow_right{
	width:603px;
	float:left;
	margin:0 0 0 11px;
}

.flow_right_inner{
	width:603px;
	float:left;
	margin:18px 0 0 0;
}

.flow_right_img{
	width:129px;
	float:left;
}

.flow_right_text{
	width:454px;
	float:left;
	padding:0 10px;
}

#step1{
	width:746px;
	height:36px;
	margin:0 0 15px 0;
	background:url(../images/step1.gif)no-repeat;
}

#step2{
	width:746px;
	height:36px;
	margin:18px 0 15px 0;
	background:url(../images/step2.gif)no-repeat;
}

#step3{
	width:746px;
	height:36px;
	margin:18px 0 15px 0;
	background:url(../images/step3.gif)no-repeat;
}

#step4{
	width:746px;
	height:36px;
	margin:18px 0 15px 0;
	background:url(../images/step4.gif)no-repeat;
}

#step5{
	width:603px;
	height:36px;
	margin:18px 0 10px 0;
	background:url(../images/step5.gif)no-repeat;
}

#step6{
	width:603px;
	height:36px;
	margin:18px 0 10px 0;
	background:url(../images/step6.gif)no-repeat;
}

#step7{
	width:746px;
	height:36px;
	margin:18px 0 30px 0;
	background:url(../images/step7.gif)no-repeat;
}

/* partner */
.pink{
	color:#DE7EA8;
}

/* footer */

#footer{
	width:100%;
	clear:both;
	margin:90px 0 0 0;
	padding:20px 0 40px 0;
	background:url(../images/footer_bg.png);
	border-top:1px #d7d7d7 solid;
}

#footer_inner{
	width:980px;
	margin:0 auto;
}

#footer_left{
	width:350px;
	float:left;
}

#footer_left p{
	margin:14px 0 0 0;
	font-size:77%;
	line-height:1.5;
}

#footer_right{
	width:280px;
	float:right;
	text-align:right;
}

#footer_right img{
	display:block;
	margin:0 0 34px 153px;
}

#copyright{
	text-align:right;
	font-size:77%;
}

/* contact/order */

#form{
	width:650px;
	font-size:93%;
}

#form ul{
	margin-bottom:20px;
	padding-left:14px;
	list-style-type:disc;
}

#form li{
	margin-bottom:5px;
}

#form table{
	border:1px solid #d7d7d7;
}

#form table th{
	width:150px;
	padding:17px;
	background:url(../images/footer_bg.png);
	border-bottom:1px dotted #d7d7d7;
	vertical-align:top;
}

#form table td{
	padding:17px;
	border:1px dotted #d7d7d7;
}

.txtmode1 {
  ime-mode: active;   /* 全角モード */
}
.txtmode2 {
  ime-mode: inactive; /* 半角モード */
}

.hissu{
	font-weight:bold;
	color:#ed524a;
}

#form input{
	padding:1px 4px;
	background-color:#f6f5f5;
	border:1px solid #d7d7d7;
	border-radius:5px;
	
	/* Webkit */
    background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#f6f5f5),
        to(#fff)
        );
    -webkit-border-radius:5px;
	-webkit-box-shadow:1px 1px 1px #f6f5f5;
	     
    /* Firefox */
    background:-moz-linear-gradient(
        top,
        #f6f5f5,
        #fff
        );
    -moz-border-radius:5px;
	-moz-box-shadow:1px 1px 1px #f6f5f5;
	     
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#fff6f5f5,endColorstr=#ffffffff);
    zoom:1;
}

#form textarea{
	padding:1px 4px;
	background-color:#f6f5f5;
	border:1px solid #d7d7d7;
	border-radius:5px;
	
	/* Webkit */
    background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#f6f5f5),
        to(#fff)
        );
    -webkit-border-radius:5px;
	-webkit-box-shadow:1px 1px 1px #f6f5f5;
	     
    /* Firefox */
    background:-moz-linear-gradient(
        top,
        #f6f5f5,
        #fff
        );
    -moz-border-radius:5px;
	-moz-box-shadow:1px 1px 1px #f6f5f5;
	     
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#fff6f5f5,endColorstr=#ffffffff);
    zoom:1;
}

.submit{
	border:1px solid #d7d7d7;
    padding:3px 9px;
    cursor:pointer;
    border-radius:5px;
     
	/* Webkit */
    background:-webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#f6f5f5),
        to(#fff)
        );
    -webkit-border-radius:5px;
	-webkit-box-shadow:1px 1px 1px #f6f5f5;
	     
    /* Firefox */
    background:-moz-linear-gradient(
        top,
        #f6f5f5,
        #fff
        );
    -moz-border-radius:5px;
	-moz-box-shadow:1px 1px 1px #f6f5f5;
	     
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#fff6f5f5,endColorstr=#ffffffff);
    zoom:1;
}






/* others */

.mask:hover{
	opacity:0.6;
}

.clear {
	clear:both;
}

.clearfix:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

.clearfix {
  min-height:1px;
}

* html .clearfix {
  height:1px;
  /*\*//*/
  height:auto;
  overflow:hidden;
  /**/
}