/* CSS Document */

/* 共通 */
*{
		margin:0;
	padding:0;
}

body{
	font-size:18px;	
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.4em;
}

h1 {
text-align:left;
}
h2 {
	font-size:20px;	
line-height:1.6em;
height:1.6em;
background-color:#CCC;
text-indent:10px;
border-left:#333 5px solid;
word-wrap: break-word;
clear:both;
}
p.copy {
text-align:center;
width:100%;
background-color:#333;
color:#FFF;
font-size:12px;
}
#top,#contents,#navigator {
	margin:0 auto;
}
#wisecloudimage {
	width:100%;
	background-image:url(wisecrowd.jpg);
	background-repeat:repeat-x;
}
li.topnavi_left,.topnavi_right,.toppage_left,.toppage_right{
	list-style-type:none;	
	border-bottom:#333 1px solid;

}

li.topnavi_left,.topnavi_right{
	height:49px;
	line-height:49px;
}

a:link.navi_link {
color:#333;
}

a:visited.navi_link {
color:#333;
}

a:hover.navi_link {
color:#F00;
}

a:active.navi_link {
color:#333;
}

a.navi_link{
	text-decoration:none;
	display:block;
	height:49px;
}


p{
	margin:10px 0;
}

p.ad{
	text-align:center;
}
table.company{
	width:100%;	
	border:1px solid #666;
	margin-top:10px;
}
table.company th{
	width:160px;
	height:120px;
	background-color:#CCC;
}
table.company th,td{
	border:#333 solid 1px;
}
dl{
	line-height:2;
	margin:20px 0;
	border-bottom:1px dotted #999999;
}
/*
.topanime{
    animation: roll 4s linear infinite;
	-webkit-animation: roll 4s linear infinite;
	-moz-transformanimation: roll 4s linear infinite;
text-align:center;
width:100%;
}
@-webkit-keyframes roll {
    from {
		-webkit-transform: perspective(0px) rotateX(0deg);
    }
    30%{
		-webkit-transform: perspective(0px) rotateX(180deg);
    }
	60%{
		-webkit-transform: perspective(0px) rotateX(360deg);
    }
    to{
		-webkit-transform: perspective(0px) rotateX(360deg);
    }
}
@-moz-keyframes roll {
    from {
		-moz-transform: perspective(0px) rotateX(0deg);
    }
    30%{
		-moz-transform: perspective(0px) rotateX(180deg);
    }
	60%{
		-moz-transform: perspective(0px) rotateX(360deg);
    }
    to{
		-moz-transform: perspective(0px) rotateX(360deg);
    }
}
@keyframes roll {
    from {
        transform: perspective(0px) rotateX(0deg);
    }
    30%{
        transform: perspective(0px) rotateX(180deg);
    }
	60%{
        transform: perspective(0px) rotateX(360deg);
    }
    to{
        transform: perspective(0px) rotateX(360deg);
    }
}
*/


/* デスクトップ */
@media screen and (min-width:769px){
	
#top,#contents,#navigator {
	width:1000px;
}
	
#wisecloudimage {
	height:400px;
}
#navigator {
		width:1000px;
	
}

#contents {
	clear:both;
}
h2{
	width:995px;	
}
li.topnavi_left,.topnavi_right{
	border-left:#333 1px solid;
	text-align:center;
		font-size:14px;
	
}

li.topnavi_left{
		width:199px;
	float:left;
}
li.topnavi_right{
	width:198px;
	border-right:#333 1px solid;
	float:right;
}

a.navi_link{
	width:198px;
}
a.toppage{
	height:250px;
}
.img_left,.img_right{
	margin-bottom:5px;
}
.img_left{
	float:left;
	margin-right:5px;	
}
.img_right{
	float:right;	
	margin-left:5px;
}
table.company td{
	padding-left:1em;
}

}

/* モバイル */
@media screen and (max-width:768px){
	
#top,#contents,#navigator {
	width:90%;
}
#wisecloudimage {
	height:180px;
}
#navigator {
	width:90%;
	
}
li.topnavi_left,.topnavi_right{
border-left:#333 1px solid;
border-right:#333 1px solid;
border-bottom:#333 1px solid;
	font-size:16px;
	text-indent:1em;
	
}

.img_left,.img_right{
	margin-bottom:5px;
}
.img_left,.img_right{
	width:100%;	
}
table.company td{
	padding-left:0.5em;
}

}