a,
a:link   	 { color:#00ccff;}
a:visited	 { color:#00ccff;}
a:active	 { color:#00ccff;}

body	{ font-family:"ヒラギノ角ゴ Pro W3",メイリオ,Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;}

/* ---------------------------------------------------- */
/* whatsNEW */
/* ---------------------------------------------------- */
.scl	{ width:320px;height:152px;overflow-y:auto;color:#000000;}
.bg01	{ background-image:url("../image/bg03.png");color:#000;}
dt	{ font-size:12px;padding:3px 3px;letter-spacing:0.1em;font-weight:bold;}
dd	{ font-size:14px;padding:3px 3px;letter-spacing:0.04em;}

/* ---------------------------------------------------- */
/* main */
/* ---------------------------------------------------- */
.back01 { background-image:url("../image/bg01.jpg");background-attachment:fixed;background-size: cover; background-position: center;}

.main00	{ overflow:hidden;margin:0 auto;background-image:url("../image/top00.png");}
.main01	{ max-width:1100px;margin:0 auto;}

.top00	{ padding:240px 0px 0px 0px;font-size:14px;color:#fff;letter-spacing:0.08em;line-height:110%;}
.t_td01	{ width:340px;}
.t_td02	{ padding:30px 0px 0px 0px;}

.main02	{ width:1000px;height:1000px;margin:0 auto;background-image:url("../image/b001.png");background-repeat: no-repeat;color:#fff;font-size:20px;}
.main03	{ width:1000px;height:1000px;margin:0 auto;color:#fff;font-size:20px;}
.main04	{ width:1000px;height:1000px;margin:0 auto;color:#fff;font-size:20px;}
.main05	{ width:1000px;margin:0 auto;color:#fff;font-size:20px;}
.main05_0{ color:#fff;font-size:14px;}
.main06	{ width:1000px;margin:0 auto;color:#fff;font-size:20px;}
.main06_1{ width:980px;margin:0 auto;background-image:url("../image/bg01.png");}
.main06_td{ width:200px;height:50px;font-size:14px;margin:0 auto;background-image:url("../image/ouen_back01.png");background-repeat:no-repeat;}

.main06_6{ color:#fff;font-size:16px;}
.main06_6p{ color:#ff92ee;font-size:24px;font-weight:bold;}
.main06_6y{ color:#fff000;font-size:24px;font-weight:bold;}

.main07	{ width:1000px;height:1000px;margin:0 auto;color:#fff;font-size:16px;}
.main07_0{ width:1000px;margin:0 auto;color:#fff;font-size:16px;}
.main07_0y{ color:#fff000;font-size:24px;}
.main07_0m{ color:#fff;font-size:14px;}
.main07_1{ color:#fff;font-size:14px;}
.main07_2{ color:#fff;font-size:16px;}
.main08	{ width:1000px;margin:0 auto;color:#fff;font-size:16px;}
.main08_0{ background-image:url("../image/bg02.png");}
.main08_1{ font-size:20px;}
.main08_2{ color:#fff000;}
.main08_3{ font-size:24px;}
.main08_t01{ width:470px;background-image:url("../image/bg03.png");color:#000;}
.main08_t02{ width:200px;}

iframe {  max-width: 100%;}


/* ---------------------------------------------------- */
/* character */
/* ---------------------------------------------------- */

.cha01	{ width:880px;margin:0 auto;text-align:center;}

.cha-220{ margin-top:220px;color:#fff;font-size:14px;}
.cha-170{ margin-top:170px;color:#fff;font-size:14px;}

.cha-b01{ background-image:url("../image/cha-b01.png");background-repeat: no-repeat;}
.cha-b02{ background-image:url("../image/cha-b02.png");background-repeat: no-repeat;}
.cha-b03{ background-image:url("../image/cha-b03.png");background-repeat: no-repeat;}
.cha-b04{ background-image:url("../image/cha-b04.png");background-repeat: no-repeat;}
.cha-b05{ background-image:url("../image/cha-b05.png");background-repeat: no-repeat;}
.cha-b06{ background-image:url("../image/cha-b06.png");background-repeat: no-repeat;}
.cha-b07{ background-image:url("../image/cha-b07.png");background-repeat: no-repeat;}
.cha-b08{ background-image:url("../image/cha-b08.png");background-repeat: no-repeat;}


.m_moji01{ font-size:12px;}
.link01 a:hover img { opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}

/* ---------------------------------------------------- */
/* gallery */
/* ---------------------------------------------------- */
.ga01	{ width:860px;margin:0 auto;}

/* ---------------------------------------------------- */
/* other */
/* ---------------------------------------------------- */
.o_table01	{ width:980px;margin:0 auto;margin:0 auto;color:#fff;font-size:20px;}
.o_table02	{ color:#fff;font-size:14px;}
.o_td01		{ width:400px;margin:0 auto;}
.o_moji01	{ font-size:20px;letter-spacing:0.08em;line-height:120%;font-weight:bold;}
.o_moji02	{ font-size:12px;letter-spacing:0.08em;line-height:120%;}


/* ---------------------------------------------------- */
/* Slidebars */
/* ---------------------------------------------------- */
html, body {background-color:#fff;}
#sb-site {box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.3); /* Shadow cast onto the slidebars when opened. */	padding: 50px 0 30px 0;}
#adverts {margin-top: 20px;}
.advert {border-radius: 3px;border: 1px solid #727272;margin-bottom: 10px;padding: 3px;}
.navbar {box-shadow: 
	/* Shadow beneath the bar and edge highlights. */
	/* Layered single pixel shadows to create a one sided shadow effect. */
		0 5px 0 0 rgba(0, 0, 0, 0.01),
		0 4px 0 0 rgba(0, 0, 0, 0.02),
		0 3px 0 0 rgba(0, 0, 0, 0.04),
		0 2px 0 0 rgba(0, 0, 0, 0.06),
		0 1px 0 0 rgba(0, 0, 0, 0.08),
		/* Top highlight */
		0 1px 0 0 rgba(255, 255, 255, 0.1) inset,
		/* Left highlight */
		1px 0 0 0 rgba(255, 255, 255, 0.1) inset,
		/* Right highlight */
		-1px 0 0 0 rgba(255, 255, 255, 0.1) inset,
		/* Bottom lowlight */
		0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
		
	/* Glass gradient overlay. */
	background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.05) 50%, rgba(0,0,0, 0.02) 51%); /*  Webkit syntax. */
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 50%, rgba(0, 0, 0, 0.02) 51%); /* Final syntax. */
	background-size: 100%;
	background-repeat: no-repeat;
	
	/* Bootstrap Changes */
	border: none;
	width: 100%;
	left: auto;
	right: auto;}

#logo		 { margin-top: 4px;text-align: center;}
#top-arrow	 { padding-top: 12px;padding-bottom: 13px;}
.navbar .sb-toggle-left		{ width: 58px;float: left;padding: 14px;}
.navbar .sb-toggle-right 	{ width: 58px;float: right;padding: 14px;}
.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {cursor: pointer;}
.sb-right { margin-top: 50px;}
.navicon-line {	width: 24px;height: 4px;border-radius: 1px;margin-bottom: 3px;background-color: #fff;}
ul.navbar-nav {	display: none;}
footer {margin-top: 30px;}

/* Slidebars */
.sb-slidebar { background-color: #222222;}

/* ---------------
 * 003 - Slidebars
 */

.sb-slidebar { background-color: #222222; /* Background colour. */color: #e8e8e8; /* Text colour. */}
.sb-slidebar a { color: #FF3971;text-decoration: none;}
.sb-slidebar a:hover { color: #E83165; /* Link hover colour. */text-decoration: underline;}

/* Main Menu */
.sb-menu { /* Apply to <ul> or <ol>. */	padding: 0;margin: 0;list-style-type: none;}

.sb-menu li {
	width: 100%;padding: 0;margin: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1); /* Will lighten any background colour you set. */
	border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* Will darken any background colour you set. */
}

.sb-menu > li:first-child	{ border-top: none; /* Removes top border from first list item.. */}
.sb-menu > li:last-child	{ border-bottom: none; /* Removed bottom border from last list item. */}
.sb-menu li a {	width: 100%; /* Makes links full width. */display: inline-block;padding: 1em; /* Creates an even padding the same size as your font. */	color: #f2f2f2;}

.sb-menu li a:hover { text-decoration: none;background-color: rgba(255, 255, 255, 0.05); /* Will lighten any background colour you set. */}

/* Borders */
.sb-left .sb-menu li a { border-left: 3px solid transparent;}
.sb-left .sb-menu li a:hover {	border-left: 3px solid; /* Removes transparent colour, so border colour will be the same as link hover colour. */}
.sb-right .sb-menu li a {border-right: 3px solid transparent;}
.sb-right .sb-menu li a:hover {	border-right: 3px solid; /* Removes transparent colour, so border colour will be the same as link hover colour. */}

/* Left */
.sb-menu li .sb-open-right, .sb-menu li small {	display: inline-block;padding: 14px;}
.sb-menu li img {margin: 14px;}

/* Right */
aside#about-me {padding: 14px 14px 14px 14px;}
img.img-me {margin: 14px auto;border: 4px solid #fff;}

/* Slidebar Type */

.sb-slidebar, .sb-slidebar h3 {color: #F0F0F0;}
.sb-slidebar ul.sb-nav li a {color: #DEDEDE;}
.sb-slidebar ul.sb-nav li a:hover {color: #C7C7C7;text-decoration: none;}
.sb-slidebar ul.sb-nav li span:hover {color: #C7C7C7;}

/* Anchor Links */
#download, #api, #options, #helper-classes {margin-top: -50px;padding-top: 50px;}

/* Helper Classes */
.add-bottom-margin {margin-bottom: 15px;}
.no-bottom-margin {margin-bottom: 0;}
.add-top-margin {margin-top: 15px;}
.no-top-margin {margin-top: 0;}
.push-down {position: relative;top: 2px;}

@media (min-width: 768px) {ul.navbar-nav {display: block;}#logo {text-align: left;}}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}

#bisma {	margin: 50px 0;}
#bisma h2 {font-weight: 300;color: #f71756;}
#bisma p {font-weight: 300;font-size: 15px;color: #646a73;}
#bisma p.lead {	font-size: 24px;color: #646a73;}

.img-responsive-stretch {display: block;width: 100%;height: auto;}

#manhattan {	}
#manhattan a { text-decoration: none;}
#manhattan a:hover { text-decoration: none;}
#manhattan #mhtn-img {
	width: 100%;
	height: 200px;
	margin-bottom: 20px;
	background-image: url('images/manhattan-banner.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#manhattan p.lead { color: #d57597;text-align: center;}

/* ---------------------------------------------------- */
/* AnythingZoomer */
/* ---------------------------------------------------- */

.az-wrap, .az-small, .az-large {
	position: relative;
}
.az-wrap-inner {
	display: block;
	margin: 0 auto; /* center small & large content */
}
/* This wraps the large image and hides it */
.az-zoom {
	background: #fff;
	border: #333 1px solid;
	position: absolute;
	top: 0;
	left: 0;
	width: 280px;
	height: 280px;
	overflow: hidden;
	z-index: 100;
	display: none;
	-moz-box-shadow: inset 0px 0px 4px #000;
	-webkit-box-shadow: inset 0px 0px 4px #000;
	box-shadow: inset 0px 0px 4px #000;
}
/* Class applied to az-mover when large image is windowed */
.az-windowed {
	overflow: hidden;
	position: absolute;
}
/* Class applied to az-mover when large image is fully shown */
.az-expanded {
	height: auto;
	width: auto;
	position: static;
	overflow: visible;
}

/* overlay small area */
.az-overlay {
	background-color: #000;
	opacity: 0.3;
	filter: alpha(opacity=30);
	z-index: 10;
}

/* fade out small content when hovering
.az-hovered > * {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
*/

/* edit mode coordinate styling */
.az-coords {
	display: none; /* hidden when expanded */
}
.az-zoom .az-coords {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: #000;
	background: rgba(0,0,0,0.5);
	color: #fff;
}