/*
Theme Name: -BLOGUM
Author URI: http://www.wpshower.com
Description: Blogum is a simple, grid based blog Wordpress theme, designed in a modern and minimalist style. The theme has a heavy focus on your content and very clean feel. Theme supports all Wordpress 3.0 features and gives you extra flexibility
Author: WPSHOWER
Version: 1.0
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Tags: grids, blog, modern, stylish, minimalistic
Copyright: (c) 2010 WPSHOWER
*/

/*** Reset ***/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;text-align:left;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/*** Main ***/

html, body {height: 100%;}
body {font: 62.5% Helvetica, Arial, Helvetica, sans-serif; color: #000;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.wrapper {width: 945px; margin: 0 auto; position: relative; min-height: 100%;}

::selection {background:#FFFDC6; color:#000;}


/*** new ***/

body{
	font-family: 'ヒラギノ角ゴ ProN W6','HiraKakuProN-W6';
	font-size:13px;
	color:#e60012;
	line-height:17px;
}


ul, li{
list-style-type:none;
}



a{
color:#e60012;
text-decoration:none;
}






/* COMMON */



#header{
position:fixed;
width: 100%;
height: 120px;
z-index:999;
background-color:#fff;
}

.header_inner{
width: 970px;
overflow:hidden;
margin:38px auto 0;
}

.logo{
float:left;
}

.logo li{
width:137px;
height:38px;
background-color:#e60012;
}

.menu{
float:left;
margin-top:7px;
border: 2px solid #e60012;
margin-left: 40px;
}

.ec{
float:left;
margin-top:7px;
margin-left: 30px;
}

.menu li{
float: left;
font-size: 11px;
margin-left: 12px;
margin-right: 12px;
margin-top: 5px;
margin-bottom: 4px;
}

.menu li a{
padding:5px 20px; 
color:#e60012;
letter-spacing:1px;
}

.menu li a:hover{
color:#999;
}

.facebook_icon{
margin-top:7px;
margin-left:10px;
float:right;
}

.facebook_icon li{
width: 31px;
height: 30px;
background-color: #e60012;
}


.border_box{
position:fixed;
width: 100%;
height:100%;
z-index:99;
border: 50px solid #fff;
top: -100px;
}

#footer{
}





/* top */




#container{
	display:none;
	position:relative;
	width:100%
	
}

#leftColumn{
	width:47%;
	position:absolute;
	left:50px;
	
}

#leftColumnContent{
	color:#000;
	margin:100px auto;
	width:400px;
}

#rightColumn{
	right:50px;
	width:47%;
	position:fixed;
	
}


@media (min-width: 1663px) {

#leftColumn{
	width:50%;
	
}

}









#l_content01, #l_content02, #l_content03, #l_content04, #l_content05, #l_content06, #l_content07, #l_content08, #l_content09, #l_content10{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}




#r_content01, #r_content02, #r_content03, #r_content04, #r_content05, #r_content06, #l_content07, #l_content08, #l_content09, #l_content10{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}


/* pages */


#pages{
padding-top: 120px;
z-index:99;
}

.pages_inner{
width: 950px;
overflow: hidden;
margin: 0 auto;
}

.pages_inner .title{
margin-left:13px;
margin-bottom:25px;
}

.pages_inner .title p{
text-transform: uppercase;
}

.detail .left{
float:left;
margin-left:45px;
}

.detail .right{
float:right;
margin-right:45px;
}

.detail p{
color: #d74f2e;
margin-left: 45px;
margin-bottom: 30px;
font-size: 20px;


}


/* ACCESS */

.access .detail li{
font-size:18px;
line-height:170%;
}


.access .detail .left{
width:276px;
}

.access .detail .right{
width:500px;
}

.access .detail .right li{
text-align:left;
}


#theMap {
height: 500px;
width: 100%;
position: relative;
top:50px;
bottom:0;
}

#theMap iframe {
height: 500px;
width: 100%;
min-height: 100%;
}


/* GALLERY */

.wrap {
	width: 950px;
	background: #fff;
	overflow: auto;
}
.box {
	width: 188px;
	margin: 1px;
	float: left;
	color: #FFF;
	display:block;
	display: inline;  /* IE6 fix */
	min-height:100px;
}

.box img{
display:block;
width:188px;
min-height:100px;
}

/* CONTACT */

.contact_left {
float: left;
width: 300px;
margin-left: 45px;
}

.contact_left li {
margin-bottom: 10px;
line-height:180%;
}

.contact_right {
float: right;
width: 500px;
margin-right: 45px;
}

#contactform .title {
font-weight: normal;
font-style: normal;
font-size: 12px;
margin-bottom: 2px;
margin-left: 0px;
}

#contactform ul{
margin-bottom: 15px;
}



.contact_right input, textarea, select {
background-color: white;
border: 1px solid #ccc;
color: #555;
outline: none;
padding: 5px;
width: 470px;
margin-bottom: 20px;
}

.contact_right input[type="submit"] {
background: #E6E6E6;
cursor: pointer;
height: 30px;
width: 485px;
margin-top: 0px;
font-family: Helvetica, Arial, sans-serif!important;
letter-spacing: 1px;
}


/* FOOTER */


#footer{
position: relative;
}

#footer .footer_inner{
width: 950px;
overflow: hidden;
margin: 30px auto 0px;
height:50px;
}

#footer .footer_inner p{
font-size:11px;
}



/* CONCEPT */

.concept .detail .left{
width:710px;
margin: 0 auto;
float:none;
}






.concept .detail .left li{
font-size:16px;
line-height:240%;
}






.animetionNew.arrange a:hover{
  position: relative;
  bottom: 0;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: middle center;
  -webkit-animation-name: animation;
  -webkit-transform: rotate(0deg);
}



@-webkit-keyframes animation {
  0%{
    -webkit-transform: rotate(0deg);
    bottom: 0;
    }
  30% {
    -webkit-transform: rotate(0deg);
    bottom: 0;
  }
  50% {
    -webkit-transform: rotate(5deg);
    bottom: 5px;  
  }
  70% {
    -webkit-transform: rotate(-5deg);
  }
  80% {
    -webkit-transform: rotate(4deg);
  }
  90% {
    -webkit-transform: rotate(-3deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}


.dairy_if{
width:100%;
min-height:1000px;
position: relative;
top:74px;
}