@charset "utf-8";
/* -----------------------------------------------------------------------------
 *  Default CSS
 *  author : saiwai ryutarou
 *  date : 2010/04/17
 * -----------------------------------------------------------------------------
*/

/* Reset CSS ---------------------------------------------------------------- */
* { padding: 0; margin: 0; }

* html body *{  
    overflow:visible;  
}  
html iframe,* html frame{  
    overflow:hidden;  
}  
* html frameset{  
    overflow:hidden;  
}

html{
    height:100%;
}

body {

    margin: 0 auto;
    line-height:1;
    height:100%;
	font-family:"Georgia","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho",  "Hiragino Mincho Pro", serif;
    background-position: top left;
}

.clear{
    clear: both;
}

fieldset, img{
     border:0;
}


table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}

.pointer:hover {
  cursor: pointer;
}

/* -----------------------------------------------------------------------------
 *      For Firefox
 * -----------------------------------------------------------------------------
 */

a img {
    border: none;
    text-decoration:none;
    border-style:none;
    outline-style:none;
}

a:hover img {
    border: none;
    text-decoration:none;
    border-style:none;
    outline-style:none;
}


/* -----------------------------------------------------------------------------
 *  見出しのstyle
 * -----------------------------------------------------------------------------
 */
 
h2{
    font-weight:normal;
}

h3{
    font-weight:normal;
}
    

/* -----------------------------------------------------------------------------
 *  link style
 * -----------------------------------------------------------------------------
 */
 
 a {
    border: none;
    text-decoration:none;
    border-style:none;
	font-weight:normal;
	outline-style:none;
	color:#666666;
}

a:hover {
    border: none;
    border-style:none;
	outline-style:none;
	color:#000000;
}

a:active{
    border: none;
    text-decoration:none;
    border-style:none;
	outline-style:none;
	font-weight:normal;
}

/* -----------------------------------------------------------------------------
 *  List Style
 * -----------------------------------------------------------------------------
 */

#global_menu ul{
    list-style: none;
}

#global_menu ul li{
    float: left;
    margin-right:37px;
}

#global_sub_menu ul{
    list-style: none;
}

#global_sub_menu ul li{
    float: left;
}


/* -----------------------------------------------------------------------------
 * layout
 * -----------------------------------------------------------------------------
 */

#container {
	width: 100%;
	background-color:#FFF;
    -moz-opacity:0;
    opacity:0;
    filter:alpha(opacity=0);
}
 
#wrapper_index{
    height:600px;
    width:920px;
    top:50%;
    left:50%;
    margin-left:-460px;
    margin-top:-300px;
    position:absolute;
}

#wrapper{
    width:980px;
    margin:0 auto;
}

#mainlogo{
    float:left;
}

#global_sub_menu{
    float:right;
    text-align:right;
}

#global_menu{
    margin-top:10px;
    height:21px;
    border-bottom:1px solid #000000;
}

#content{
    margin:0 auto;
    padding-top:5px;
    width:850px;
}

.leftpane{
    margin-top:25px;
    width:240px;
    float:left;
}

.rightpane{
    margin-top:25px;
    float:right;
}

#block_home_news{
    float:left;
    overflow: hidden;
    width:240px;
    height:470px;
}

.block_home_news_title{
    width:240px;
    color:#ffffff;
	background: url(../img/jspanetrack.png) repeat-y right 0;
	height:15px;
}


#block_news_slider{
    float:left;
    margin-left:5px;
}

.block_home_news_content{
    padding:10px 0;
}

.block_home_news_content ul{
    list-style: none;
}

.block_home_news_content ul li{
    margin-bottom: 10px;
}

#block_home_portfolio{
    overflow: hidden;
    float:left;
    width:720px;
    height:485px;
    padding-right:15px;
    margin-left:20px;

}

.block_home_portfolio_content ul{
    list-style: none;
}

.home_portfolio_list{
    border-bottom:1px solid #707070;
}

.home_portfolio_list_title{
    height:24px;
}

.home_portfolio_list_content{
    width:690px;
    height:120px;
    overflow: hidden;
    margin-bottom:3px;
}

.home_portfolio_list_content ul{
    margin-top:0;
}


.home_portfolio_list_content li{
    float:left;
    margin-right:10px;
}

#block_portfolio_slider{
    float:left;
    margin-left:5px;
}
/* -----------------------------------------------------------------------------
 * Footer Style
 * -----------------------------------------------------------------------------
 */

.block_page_allow{
    float:left;
}

.block_page_allow_right{
    margin-left:5px;
    float:left;
}

#block_page_images{
    float:left;
    height:440px;
    overflow: hidden;
}

.category-title{
    /* margin-left:25px; */
    margin-left:0;
    margin-bottom:5px;
    font-size:11px;
    font-style: italic;
    font-weight:normal;
    font-family:"Georgia";
    color:#707070;
}

#block_page_images ul{
    /*width:930px;*/
    height:450px;
    float:left;
    list-style: none;
    white-space:nowrap;
}

.page_image{
    height:465px;
    float:left;
}

.page_image_caption{
    padding-top:4px;
    height:20px;
    font-size:11px;
    font-style: italic;
    font-family:"Georgia";
    text-align:center;
    color:#707070;
    
}


#block_page_images li{
    float:left;
}

#block_page_images{
    float:left;
    width:20000px;
    margin-top:-2px;
}

#block_page_images_container{
    overflow: hidden;
    width:850px;
    height:460px;
    float:left;
    list-style: none;
    white-space:nowrap;
}

#block_page_images_container img{
    padding:0 20px 0 0;
}

.slider-handle{
    height:20px;
    background:url(../img/jspanetrack_hori.png) repeat-x;
    position:relative;
    width:750px;
}

.slider-background{
    height:28px;
    background:url(../img/jspanetrack_hori.png) repeat-x;
    width:850px;
}

.ui-slider-handle{
    margin-top:2px;
    height:20px;
    padding-left:100px;
    cursor: pointer; 
    z-index: 100;
    background:url(../img/track_handle_hori.png) repeat-x;
    position:absolute;

}

.ui-state-active{
    margin-top:2px;
    height:20px;
}

/* -----------------------------------------------------------------------------
 * Footer Style
 * -----------------------------------------------------------------------------
 */
#footer{
    padding-bottom:25px;
}

.copy{
    font-size:8px;
    color:#707070;
    text-align:right;
}

.footer_logo{
    text-align:right;
    margin-right:0;
}

.block_home_news_content .entry-title{
    margin-top:5px;
    padding-top:5px;
    font-size:12px;
    font-weight: normal;
}

.block_home_news_content .entry-meta{

    border-bottom:1px solid #cccccc;
}

/* -----------------------------------------------------------------------------
 * Single Page Style
 * -----------------------------------------------------------------------------
 */

h1.entry-single-title {
    padding-top:2px;
    margin-left:5px;
    height:20px;
    font-size:12px;
    font-style: italic;
    font-weight: normal;
    font-family:"Georgia";
    color:#707070;
}

.entry-single-meta{
    float:right;
    width:500px;
    padding-top:2px;
    height:20px;
    font-size:12px;
    font-style: italic;
    font-weight: normal;
    font-family:"Georgia";
    text-align:right;
    color:#707070;
}

.gallery-caption{
    font-size:10px;
    font-style: italic;
    font-weight: normal;
    font-family:"Georgia";
    text-align:center;
    color:#707070;
}

#content-single {
    margin-bottom:10px;
}

#content-single img{
    margin-bottom:0;
}

/* -----------------------------------------------------------------------------
 * Category Page Style
 * -----------------------------------------------------------------------------
 */

#content-category .entry-title{
    font-size:10px;
    font-style: italic;
    font-weight: normal;
    font-family:"Georgia";
    text-align:center;
    color:#707070;
}

#content-category{
    margin-top:15px;
    margin-bottom:15px;
}

#content-category ul{
    list-style:none;
}

#content-category li{
    float:left;
    padding:0 5px;
    margin-bottom:10px;
}

.entry-category-content{
    width:160px;
    height:160px;
}

.entry-category-title{
    margin-top:4px;
}


#content-page{
    color:#808080;
    font-size:11px;
    overflow: hidden;
}


/* contents   ---------------------------------------------------------------- */

#contents {
	margin:30px auto;
	width:950px;
}


/* Header     ---------------------------------------------------------------- */

#header {
	width:850px;
	padding-top:15px;
	margin: 0 auto;
}


#head_title{
	margin-top:20px;
	padding-top:20px;
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:#CCC solid 1px;
	text-align:center;
}

/* Old Header
#head_title{
	padding-top:10px;
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:#CCC solid 1px;
	text-align:center;
}
*/


/* /////navigation ----------------------------------------------------------- */

#navigation {
	width:850px;
	height:120px;
	border-bottom:#CCC solid 1px;
	margin:0 auto;
}

#header ul#navi_menu {
	list-style:none outside none;
	margin:0 auto;
	width:850px;
}

.navi_border {
	margin-top:5px;
	margin-right:9px;
	height:14px;
	border-right:1px solid #CCC;
	width:1px;
}

#header li {
	float:left;
}

#btn_news {
	margin-top:5px;
	width:63px;
}


#btn_photo {
	margin-top:5px;
	margin-left:9px;
	width:122px;
}


#btn_styling {
	margin-top:5px;
	margin-left:9px;
	width:82px;
}


#btn_direction {
	margin-top:5px;
	margin-left:9px;
	width:103px;
}


#btn_personal {
	margin-left:5px;
	margin-top:-10px;
	width:110px;
}

#btn_gallery {
	margin-left:9px;
	margin-top:5px;
	width:86px;
}


#btn_profile {
	margin-top:5px;
	margin-left:9px;
	width:82px;
}


#btn_contact {
	margin-top:5px;
	margin-left:5px;
	width:70px;
}


.btn_menu_italic {
	margin-top:12px;
}


.btn_menu_italic_02 {
	margin-top:7px;
}

.btn_menu_italic_03 {
	margin-top:5px;
}

.btn_menu_italic_04 {
	margin-top:7px;
}


/* top image  ---------------------------------------------------------------- */

#top_image {
	width:850px;
	height:550px;
	overflow: hidden;
	margin:10px auto;
}

.news_meta{
    font-size:10px;
    margin-top:2px;
}

/* news area  ---------------------------------------------------------------- */

#news_area {
	width:850px;
}

#news_logo {
	margin:0 0;
}


#news_contents {
	width:846px;
	margin:5px auto;
	padding:0 2px;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
	color:#808080;
	overflow: hidden;
}

#top_news_contents{
	width:846px;
	margin:5px auto;
	padding:0 2px;
	border-top:1px solid #CCC;
	color:#808080;
	padding-bottom:25px;
    overflow: hidden;
}

.news_main_title {
    font-size:14px;
    margin-top:5px;
}

#news_main {
	width:850px;
}


#news_image {
	width:170px;
	float:left;
	margin:0px auto;
	margin-top:4px;
	margin-right:10px;
}

.news_words_jp {
	float:left;
	width:330px;
	font-size:11px;
	line-height:140%;
	margin-top:4px;
	margin-right:10px;
}

.news_words_eg {
	float:left;
	width:330px;
	font-size:11px;
	line-height:140%;
	margin-top:4px;
	line-height:13px;
}



/* personal  ---------------------------------------------------------------- */



#personal_photogallery {
	margin:0 auto;
	width:750px;
	height:500px;
	position:relative;
	clear:both;
}
#personal_galleria {
	width:750px;
	height:450px;
	position:relative;
	clear:both;
}

#personal_header {
	position:absolute;
	top:-25px;
	left:-50px;
	z-index:1000;
}

#personal_photocontent{
	margin-top:25px;
}


/* layout  ---------------------------------------------------------------- */

#layout_left_content_other {
	width:240px;
	margin-top:2px;
	float:left;
	line-height:140%;
	padding-right:25px;
	color:#999;
}


#layout_left_content_other a{
	color:#707070;
}


.layout_words_img_other {
	overflow:hidden;
}

#layout_words_url_other {
	font-size:10px;
	line-height:100%;
	margin-bottom:20px;
}

#layout_words_url03_other {
	font-size:10px;
	line-height:140%;
	margin-bottom:20px;
	color:#707070;
	padding-left:1px;
}

#layout_words_url02_other {
	font-size:9px;
	line-height:100%;
	padding:1px 0;
}

.layout_words_img_other_03 {
	padding-top:40px;
}


#layout_right_content_other {
	float:left;
	width:585px;
}




#layout_left_content {
	width:350px;
	float:left;
	line-height:140%;
	padding-right:95px;
	color:#999;
}


#layout_left_content a{
	color:#808080;
	font-size:12px;
}


.layout_words_img {
	overflow:hidden;
}

#layout_maintitle {
	margin-top:25px;
}


#layout_words_url {
	font-size:10px;
	line-height:100%;
	margin-bottom:29px;
}

#layout_right_content {
	float:left;
}

#layout_photo {
	height:425px;
}


#layout_next_prev_btn {
	float:left;
	width:300px;
	height:22px;
}


#layout_photo_number {
	height:22px;
	width:100px;
	float:right;
}

#layout_words_img_other_02 {
	padding-top:20px;
}

.layout_words_url04_other {
	font-size:9px;
	line-height:140%;
	padding:1px 0;
}



#nylon_layout_content {
	width:585px;
    height:425px;
}

#nylon_photo_area {
	width:585px;
    padding-top:88px;
}

.nylon_image_01 {
	float:left;
}

#nylon_image_02 {
	float:left;
    padding-left:11px;
    padding-right:11px;
}


#gdc_layout {
	height:425px;
}


#gdc_layout_image {
	padding-top:100px;
    padding-left:8px;
    margin-bottom:15px;
}

#gdc_layout_book {
    margin-left:16px;
}


.gdc_book_image {
    float:left;
    overflow: hidden;
}




/** 
 * footer     
 * ----------------------------------------------------------------------------------
 */

#category-footer{
    margin-top:2px;
    clear:both;
    height:10px;
}
 

#category-footer-left {
    float:left;
    padding-top:2px;
    padding-left:5px;
    width:350px;
}

#category-footer-right {
    float:left;
    width:490px;
    text-align:right;
    margin-left:2px;
    font-size:11px;
}







/* footer     ---------------------------------------------------------------- */


#footer {
	width:850px;
	margin:0 auto;
	padding-bottom:50px;
	border-top:#CCC solid 1px;
	font-size:8px;
	text-align:right;
	color:#707070;
}


/* trancelate     ---------------------------------------------------------------- */

#layout_words_ctrl{
    font-size:11px;
    margin-top:5px;
    margin-bottom:5px;
	color:#707070;
}

#words_navi_other{
    float:left;
    margin-left:3px;
}

.words_navi_jp{
    float:left;
    width:50px;
    margin-left:5px;
}

.words_navi_eng{
    float:left;
    width:50px;
    margin-left:7px;
}

/* contact     ---------------------------------------------------------------- */

.contact-name{
    margin-top:3px;
    width:200px;
    border:1px solid #666666;
    padding:2px;
}

.contact-email{
    margin-top:3px;
    width:200px;
    border:1px solid #666666;
    padding:2px;
}

.sel-contact-subject{
    margin-top:3px;
    border:1px solid #666666;
    padding:2px;
}


/* news headline     ---------------------------------------------------------------- */

#blockNewsheadline{
    /*background:url(../img/bg_siteupdate.jpg) 0 -5px no-repeat;*/
    font-size:12px;
    padding-bottom:8px;
    /*border-bottom:1px solid #cccccc;*/
}

#blockNewsheadline ul{
    list-style: none;
    padding-top:1px;
    margin-left:45px;
}

#blockNewsheadline ul li{
    margin-bottom: 15px;
    
}



/*special gallery ---------------------------------------------------------------- */


#spg_title{
margin:10px 0 0 0;
padding-bottom:20px;
padding-left:10px;
border-bottom: 1px solid #CCCCCC;
}

#spg_header{
	width:850px;
	border-top: 1px solid #CCCCCC;
}

#spg_header_left{
	float:left;
	width:560px;
	font-size:12px;
	line-height:20px;
	padding-left:10px;
	padding-top:25px;
	color:#808080;
}
#spg_header_left a{
	text-decoration:underline;
}
.spg_word_space{
	margin-bottom:43px;
}

.spg_word{
}

#spg_header_right{
	float:left;
	width:280px;
	padding-top:20px;
}

#spg_content{
	width:850px;
	height:500px;
}