@charset "Shift_JIS"; 

* {
	margin: 0;
	padding: 0;
	font-weight : normal;
	font-style : normal; }

/*_____________________基本設定_____________________*/

body{
	margin: 0;
	padding: 0;
	color: #000000;}

#wapper{
	margin:auto;
	width: 900px;
	height: 640px;
	background: #ffffff;}
	
img {
	border: 0;}
br {
	letter-spacing : normal; } 
	
ul li{
	list-style: none;}

.clear{clear: both;}

img {
	border-style:none; 
	border-color: #fff;}

a img { border-style:none; 
border-color: #fff;}
	
/*_____________________リンクの設定_____________________*/

a:link { text-decoration:none; color:#000000; }
a:visited { text-decoration:none; color:#333333; }
a:active { text-decoration:none; color:#CC0000; }
a:hover { text-decoration:none; color:#990000; }


/*_____________________ページの設定_____________________*/

#leftmenu {
	float: left;
	width: 180px;
	height: 560px;
	margin: 80px 0px 0px 0px;
	padding: 0px;
	overflow: visible;
	position:relative;
	background: #ffffff;}

#leftmenu .menu {
	float: left;
	width: 62px;
	height: 104px;
	padding: 0px;
	overflow: visible;
	position:absolute;
	bottom:42px;
	left:0px;
	background: #ffffff;}

#main {
	float: left;
	width: 710px;
	height: 545px;
	margin: 80px 0px 0px auto;
	background: #ffffff;}

#main .box1{
	float: left;
	width: 160px;
	height: 520px;
	margin: 0px 0px 0px 15px;
	background: #ffffff;}

#main .box1 p{
	margin: 0px 0px 8px 0px;
}

#main .box2{
	float: left;
	text-align: center;
	align-self: center;
	width: 160px;
	height: 109px;
	margin: 10px 0px 0px 0px;
	background: #ffffff;}
	
#main .box3{
	float: left;
	width: 680px;
	height: 45px;
	margin: 0px 0px 0px 15px;
	background: #ffffff;}

iframe{/* インラインフレーム */
	width:100%;
	height:100%;
	border:0px;
	text-align: center;
}
	

/*_____________________フッターの設定_____________________*/

#footer {
	float: right;
	width: 720px;
	height: 15px;
	background: #ffffff;}

#footer p{
	font-size : 10px; 
	font-family : futura;
	text-align : right;
	letter-spacing : 1px;}



/*_____________________worksboxの設定_____________________*/

#worksbox{
	margin:auto;
	width: 860px;
	height: 580px;
	background:#fff;}

#worksleft{	
	float: left;
	margin:10px 0px 0px 10px;
	width: 180px;
	height: 550px;
	background:#fff;}	
	
.list {	
	float: left;
	margin:0px;
	width: 180px;
	height: 520px;
	background:#fff;}


.under {	
	float: left;
	margin:0px;
	width: 180px;
	height: 10px;
	background:#fff;}

.under p{
	font-size : 9px; 
	font-family : futura;
	text-align : right;
	letter-spacing : 1px;
	position:relative;
	bottom:0px;}


#mainbox {
	float: left;
	text-align: center;
	align-items: center;
	margin:10px 0px 0px 0px;
	width: 550px;
	height: 550px;
	background:#fff;
}
	
.mainbox2{
	float: left;
	margin:10px 0px 0px 0px;
	width: 30px;
	height: 250px;
	background:#fff;
	overflow:hidden;
	position:relative;
	top:350px;}

/*_____________________colorebox.css_____________________*/
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#fff; padding:1px;}
        #cboxLoadingGraphic{background:url(js_images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(js_images/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;}
a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #ffffff;}
h2{font-size:13px; margin:15px 0 0 0;}