@charset "shift_jis";

/*=====================================================================================
	初期設定
=====================================================================================*/

.container {
	width: 980px;
	max-width: 1260px;
	min-width: 780px;
	background: #FFFFFF;
	margin: 0 auto;
}

#content {
	width: 980px;
}

/* メインビジュアル */
.box_index {
	width: 980px;
	height: 98px;
	background-image: url(../../works/img/main_index.jpg);
	background-repeat: no-repeat;
}

.box_web {
	width: 980px;
	height: 240px;
	background-image: url(../../works/img/main_web.jpg);
	background-repeat: no-repeat;
}

.box_graphic {
	width: 980px;
	height: 240px;
	background-image: url(../../works/img/main_graphic.jpg);
	background-repeat: no-repeat;
}

.box_illust {
	width: 980px;
	height: 240px;
	background-image: url(../../works/img/main_illust.jpg);
	background-repeat: no-repeat;
}

/* ボックス */
.box {
	width: 980px;
}

.box920 {
	width: 920px;
	margin-left: 30px;
	margin-right: 30px;
}

.box210 {
	width: 210px;
	margin-top: 40px;
	margin-left: 268px;
	float: left;
}

/* リスト */
ul, ol, dl {
	padding: 0;
	margin: 0;
}

.content ul, .content ol {
	padding: 0 15px 15px 40px;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}

h2 {
	font-size: 15px;
}

/*=====================================================================================
	jQuary CSS
=====================================================================================*/

/* PAGE TOP */
#page-top {
    position: fixed;
    bottom: 42px;
    right: 13px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}


/* SNS Profile */
#sidebar {
	position: fixed;
	padding: 10px;
	width: 142px;
    right: 38px;
	float: right;
	background: #fff;
	border: solid 3px #ccc;
}

/* lightbox */
.example-image-link{
	display:inline-block;
	padding:4px;
	margin:0 0.5rem 1rem 0.5rem;
	background-color:#fff;
	line-height:0;
	-webkit-transition:background-color 0.1s ease-out;
	-moz-transition:background-color 0.1s ease-out;
	-o-transition:background-color 0.1s ease-out;
	transition:background-color 0.1s ease-out;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
}

.image img{
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
}