/* CSS Document */

/*ラインエリア*************************/

.home{
margin:0px;
padding:0px;
}

/*コンテンツ*************************/

.top{
margin:0px;
padding:40px 0 0 20px;
}

.top h2{
margin:0px;
padding:10px 0 10px 0;
}

.top h3{
margin:0px;
padding:10px 0 10px 0;
}

.top h4{
margin:0px;
padding:20px 0 10px 0;
}

.txt_area_t{
margin:0px;
padding:30px 0px 0px 0px;
width:620px;
height:202px;
background-image:url(../img/top/bg_t-trans.png);
background-repeat:no-repeat;
background-position:center center;
text-align:left;
}

.txt_area_t p{
margin:0px;
padding:0px;
font-size:15px;
line-height:32px;
color:#666666;
}

.yoyaku{
color:#FE7EB1;
font-size:17px;
letter-spacing:1px;
}

th,td{
border:solid 1px #CCCCCC;
padding:5px 5px 5px 10px;
}

th{
margin:0px;
padding:5px 5px 5px 5px;
font-size:14px;
color:#666666;
background-color:#FDEFF5;
text-align:center;
font-weight:normal;
}

.top_table{
margin:0px 0 0px 0px;
padding:30px 0 10px 0px;
font-size:14px;
color:#666666;
text-align:center;
}

.table_txt{
font-size:30px;
font-weight:bold;
color:#FEB2D0;
}

.table_txt_b{
font-size:30px;
font-weight:bold;
color:#A9DDF3;
}

.table_txt_l{
font-size:30px;
font-weight:bold;
color:#999999;
}

.txt_area_b{
margin:0;
padding:0px 0px 0px 10px;
width:610px;
height:212px;
background-image:url(../img/top/bg_b-trans.png);
background-repeat:no-repeat;
background-position:center center;
text-align:left;
}

.txt_area_b .left_box{
margin:0px;
padding:0px;
float:left;
}

.txt_area_b .left_box .sub_t{
margin:0px;
padding:15px 0 0 0;
font-size:16px;
font-weight:bold;
color:#FE7EB1;
}

.txt_area_b .left_box p{
margin:0px;
padding:0 0 0 10px;
font-size:14px;
line-height:25px;
color:#666666;
}

.txt_area_b .right_box{
margin:0 0 20px 0;
padding:40px 0 0 0;
float:right;
}

.txt_area_b .right_box .photo{
margin:0px;
padding:0px;
}

ul.g_box {
position: relative;
z-index: 1; /* prevent shadows falling behind containers with backgrounds */
overflow: hidden;
list-style: none;
margin: 0;
padding: 0; 
}
 
ul.g_box li {
position: relative;
width: 245px;
height: 155px;
padding: 5px 0 0 0;
border: 1px solid #efefef;
text-align:center;
margin: 15px 15px 15px 15px;
background: #fff;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
 }
 

ul.g_box li:before,
ul.g_box li:after {
content: '';
z-index: -1;
position: absolute;
left: 10px;
bottom: 10px;
width: 70%;
max-width: 300px; /* avoid rotation causing ugly appearance at large container widths */
max-height: 100px;
height: 55%;
-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-webkit-transform: skew(-15deg) rotate(-6deg);
-moz-transform: skew(-15deg) rotate(-6deg);
-ms-transform: skew(-15deg) rotate(-6deg);
-o-transform: skew(-15deg) rotate(-6deg);
transform: skew(-15deg) rotate(-6deg); }


ul.g_box li:after {
left: auto;
right: 10px;
-webkit-transform: skew(15deg) rotate(6deg);
-moz-transform: skew(15deg) rotate(6deg);
-ms-transform: skew(15deg) rotate(6deg);
-o-transform: skew(15deg) rotate(6deg);
transform: skew(15deg) rotate(6deg); 
}

.update{
margin:0px;
padding:10px 0 0px 0;
width:620px;
overflow:none;
clear:both;
}

.update p{
margin:0 0 0px 0;
padding:10px 0 5px 10px;
width:610px;
font-size:13px;
line-height:25px;
color:#666666;
border-bottom:1px dotted #666666;
}

.update .day{
margin:0px;
padding:3px 3px 3px 3px;
background-color:#FE7EB1;
color:#FFFFFF;
font-size:13px;
line-height:25px;
}

.update a:link, .update a:visited {
color:#666666;
background:transparent;
text-decoration:none;
padding:0px;
margin:0px;
}

.update a:hover, .update a:active, .update a:focus {
color:#E52D8A;
background:transparent;
text-decoration:none;
padding:0px;
margin:0px;
}


#viewer {
margin: 0 auto;
width: 960px;
height: 300px;
text-align: left;
overflow: hidden;
position: relative;
}

#viewer img {
top: 0;
left: 0;
position: absolute;
}