@charset "shift_jis";

/*////////////////////////////////////////////////////////////////////////////////

▼基本設定

////////////////////////////////////////////////////////////////////////////////*/

body {
	margin: 0;
	padding: 0;
	color: #323232;
	background: #f2f0e6 url(/img/common/bg_all.gif) repeat-y 50% 0;
	font-size: 14px;
	*font-size: 85%;
	line-height: 1.35;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,img,form {
	margin: 0;
	padding: 0;
	border: 0;
}



input {
	margin: 0;
	padding: 0;
}

em {
	font-style: normal;
	color: #CC0000;
}

hr {
	display: block;
	clear: both;
}

a {
	color: #3838B2;
}


/*////////////////////////////////////////////////////////////////////////////////

▼ページ枠

////////////////////////////////////////////////////////////////////////////////*/

#all_catalog {
	width: 770px;
	margin: 0 auto;
	color: #323232;
	background: #ffffff url(/img/common/bg_all_catalog.gif) repeat-y;
}


/*////////////////////////////////////////////////////////////////////////////////

▼ヘッダー

////////////////////////////////////////////////////////////////////////////////*/

#header {
	width: 770px;
	background: url(/img/common/header/background_01.gif) repeat-x #FFFFFF;
}

/* logo　(※clearfix使用)
--------------------------------------------------------- */
#logo {
	width: 770px;
	overflow:hidden;
}

#header #logo p.logo-506506 {
	float: left;
	width: 260px;
	height: 34px;
	margin: 15px 0 0 0;
	padding: 0 0 0 15px;
}



#header #logo p.logo-nttcom {
	float: right;
	width: 140px;
	height: 34px;
	margin: 15px 0 0 0;
	padding: 0 15px 0 0;
}





/* login
--------------------------------------------------------- */

div#login {
	width: 770px;
	height: 84px;
	margin: 14px 0 0 0;
	background: url(/img/login/bg.gif) no-repeat left top;
}

div#login div.function {
	float: left;
	width: 574px;
}

div#login div.function p.login {
	float: left;
	width: 266px;
	height: 44px;
	padding: 4px 0 0 11px;
}

div#login div.function p.comment{
	float: left;
	width: 294px;
	height: 42px;
	margin-top:2px;
}



div#login div.function ul {
	float: left;
	margin: 0;
	padding: 9px 0 0 7px; 
 	list-style-type: none;
}

div#login div.function ul li {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 0;
	line-height: 0;
}


div#login p.register {
	float: right;
	width: 196px;
}


/*////////////////////////////////////////////////////////////////////////////////

▼コンテンツ

////////////////////////////////////////////////////////////////////////////////*/

#content {
	float: left;
	width: 554px;
	margin: 0;
	padding: 10px 15px 0 15px;
}





/* 見出し

--------------------------------------------------------- */





#content hr.space  {

	display:none;

	width:554px;

	height: 0;

	margin: 0;

	padding: 0;

	border: none;

	visibility: hidden;

	clear: both;

}









/* 段落

--------------------------------------------------------- */

p {

	margin: 0;

	padding: 0;

}



p.txt {

	margin: 10px 0 5px 0;

}



p.pic {

	margin: 4px 0 10px 0;

}





/* 右寄せリンク */

p.link-txt {

	text-align: right;

	margin: 0 0 5px 0;

}





/* 図表タイトル clearfix使用 */

p.diagram {

	margin: 19px 0 4px 0;

}

p.diagram span.tit {

	display: block;

	float: left;

	padding-left: 10px;

	font-weight: bold;

	line-height: 1.2;

	background: url(/img/common/title_diagram_bg.gif) no-repeat left top;

}

p.diagram span.txt {

	display: block;

	float: right;

	padding-top: 2px;

	font-size: 12px;

	*font-size: 85%;

	line-height: 1.2;

}





/* ページトップ */

p.pagetop {

	margin: 0 0 0 0;

	text-align: right;

}



p.pagetop.end {

	margin: 20px 0 20px 0;

	text-align: right;

}



p.pagetop a {

	padding-left: 12px;

	padding-right: 0;

	background: url(/img/common/mark/arrow_circle_blue_up.gif) no-repeat left center;

}





img.line {

	border: 1px solid #CECECE;

}






/*////////////////////////////////////////////////////////////////////////////////



▼汎用クラス



////////////////////////////////////////////////////////////////////////////////*/





/* align

--------------------------------------------------------- */

.align-l {

	text-align: left;

}

.align-c {

	text-align: center;

}

.align-r {

	text-align: right;

}





/* vartical-align

--------------------------------------------------------- */



.valign-top {

	vertical-align:top;

}



.valign-mdl {

	vertical-align: middle;

}







/* float

--------------------------------------------------------- */

.float-l {

	float: left;

}

.float-r {

	float: right;

}



img.float-l {

	margin-right: 20px;

	margin-bottom: 8px;

}

img.float-r {

	margin-left: 20px;

	margin-bottom: 8px;

}





/* clear

--------------------------------------------------------- */

.clear {

	clear: both;

}




/* Margin

--------------------------------------------------------- */



.marginCenter{

	margin-left:auto !important;

	margin-right:auto !important;

}



.marginTop0{margin-top:0px !important;}

.marginTop1{margin-top:1px !important;}

.marginTop2{margin-top:2px !important;}

.marginTop3{margin-top:3px !important;}

.marginTop4{margin-top:4px !important;}

.marginTop5{margin-top:5px !important;}

.marginTop6{margin-top:6px !important;}

.marginTop7{margin-top:7px !important;}

.marginTop8{margin-top:8px !important;}

.marginTop9{margin-top:9px !important;}

.marginTop10{margin-top:10px !important;}

.marginTop11{margin-top:11px !important;}

.marginTop12{margin-top:12px !important;}

.marginTop13{margin-top:13px !important;}

.marginTop14{margin-top:14px !important;}

.marginTop15{margin-top:15px !important;}

.marginTop16{margin-top:16px !important;}

.marginTop17{margin-top:17px !important;}

.marginTop18{margin-top:18px !important;}

.marginTop19{margin-top:19px !important;}

.marginTop20{margin-top:20px !important;}

.marginTop25{margin-top:25px !important;}

.marginTop30{margin-top:30px !important;}

.marginTop35{margin-top:35px !important;}

.marginTop40{margin-top:40px !important;}

.marginTop45{margin-top:45px !important;}

.marginTop50{margin-top:50px !important;}



.marginBottom0{margin-bottom:0px !important;}

.marginBottom1{margin-bottom:1px !important;}

.marginBottom2{margin-bottom:2px !important;}

.marginBottom3{margin-bottom:3px !important;}

.marginBottom4{margin-bottom:4px !important;}

.marginBottom5{margin-bottom:5px !important;}

.marginBottom6{margin-bottom:6px !important;}

.marginBottom7{margin-bottom:7px !important;}

.marginBottom8{margin-bottom:8px !important;}

.marginBottom9{margin-bottom:9px !important;}

.marginBottom10{margin-bottom:10px !important;}

.marginBottom11{margin-bottom:11px !important;}

.marginBottom12{margin-bottom:12px !important;}

.marginBottom13{margin-bottom:13px !important;}

.marginBottom14{margin-bottom:14px !important;}

.marginBottom15{margin-bottom:15px !important;}

.marginBottom16{margin-bottom:16px !important;}

.marginBottom17{margin-bottom:17px !important;}

.marginBottom18{margin-bottom:18px !important;}

.marginBottom19{margin-bottom:19px !important;}

.marginBottom20{margin-bottom:20px !important;}

.marginBottom25{margin-bottom:25px !important;}

.marginBottom30{margin-bottom:30px !important;}

.marginBottom35{margin-bottom:35px !important;}

.marginBottom40{margin-bottom:40px !important;}

.marginBottom45{margin-bottom:45px !important;}

.marginBottom50{margin-bottom:50px !important;}



.marginLeft0{margin-left:0px !important;}

.marginLeft1{margin-left:1px !important;}

.marginLeft2{margin-left:2px !important;}

.marginLeft3{margin-left:3px !important;}

.marginLeft4{margin-left:4px !important;}

.marginLeft5{margin-left:5px !important;}

.marginLeft6{margin-left:6px !important;}

.marginLeft7{margin-left:7px !important;}

.marginLeft8{margin-left:8px !important;}

.marginLeft9{margin-left:9px !important;}

.marginLeft10{margin-left:10px !important;}

.marginLeft11{margin-left:11px !important;}

.marginLeft12{margin-left:12px !important;}

.marginLeft13{margin-left:13px !important;}

.marginLeft14{margin-left:14px !important;}

.marginLeft15{margin-left:15px !important;}

.marginLeft16{margin-left:16px !important;}

.marginLeft17{margin-left:17px !important;}

.marginLeft18{margin-left:18px !important;}

.marginLeft19{margin-left:19px !important;}

.marginLeft20{margin-left:20px !important;}

.marginLeft25{margin-left:25px !important;}

.marginLeft30{margin-left:30px !important;}

.marginLeft35{margin-left:35px !important;}

.marginLeft40{margin-left:40px !important;}

.marginLeft45{margin-left:45px !important;}

.marginLeft50{margin-left:50px !important;}

.marginLeft55{margin-left:55px !important;}

.marginLeft60{margin-left:60px !important;}

.marginLeft65{margin-left:65px !important;}

.marginLeft70{margin-left:70px !important;}



.marginRight0{margin-right:0px !important;}

.marginRight1{margin-right:1px !important;}

.marginRight2{margin-right:2px !important;}

.marginRight3{margin-right:3px !important;}

.marginRight4{margin-right:4px !important;}

.marginRight5{margin-right:5px !important;}

.marginRight6{margin-right:6px !important;}

.marginRight7{margin-right:7px !important;}

.marginRight8{margin-right:8px !important;}

.marginRight9{margin-right:9px !important;}

.marginRight10{margin-right:10px !important;}

.marginRight11{margin-right:11px !important;}

.marginRight12{margin-right:12px !important;}

.marginRight13{margin-right:13px !important;}

.marginRight14{margin-right:14px !important;}

.marginRight15{margin-right:15px !important;}

.marginRight16{margin-right:16px !important;}

.marginRight17{margin-right:17px !important;}

.marginRight18{margin-right:18px !important;}

.marginRight19{margin-right:19px !important;}

.marginRight20{margin-right:20px !important;}

.marginRight25{margin-right:25px !important;}

.marginRight30{margin-right:30px !important;}

.marginRight35{margin-right:35px !important;}

.marginRight40{margin-right:40px !important;}

.marginRight45{margin-right:45px !important;}

.marginRight50{margin-right:50px !important;}

.marginRight55{margin-right:55px !important;}

.marginRight60{margin-right:60px !important;}

.marginRight65{margin-right:65px !important;}

.marginRight70{margin-right:70px !important;}







/*画像の周囲に1ピクセルのボーダーをつける*/

img.line {

	border: 1px solid #CECECE;

}







/* 改ページ設定 このクラスを指定した要素の直前で改ページする

--------------------------------------------------------- */

div.p-break {

	display: none;

	page-break-before: always;

	*page-break-before: auto;

}



.p-break {

	page-break-before: always;

	*page-break-before: auto;

}

/* リニューアル調整
--------------------------------------------------------- */


#header{
	margin:0!important;
	padding:0!important;
	}

#str_header,
#str_footer{
margin:0!important;
padding:0!important;
line-height:1.57!important; /*22*/ 
color:#333333!important;
font-family: メイリオ , Meiryo ,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif!important;
}


#str_header h4{
color:#fff!important;
font-size:82.75%!important;
font-weight:normal!important;
margin:8px 0 10px 0!important;
background:none!important;
padding:0!important;
border:none!important;
}

#str_header #header_search1{
	margin:0!important;
	padding-bottom:0!important;
}

#str_header p{
	margin:0!important;
}

#str_header #header_tools1 li{
	list-style:none!important;
	margin:0!important;
}

#str_header #header_tools1 li a{
	text-decoration:none!important;
}

#str_header #header_tools1 li a:hover{
	text-decoration: underline!important;
}


#str_header #header_tools1 fieldset{
	border:none!important;
	margin:0!important;
	padding:0!important;
}

#global_nav5 > li{
	margin:0!important;
	padding:0!important;
	list-style:none!important;
}

#str_header h3{
	background:none!important;
	margin:8px 0 0 15px!important;
	padding:0!important;} 

#defaultId #str_header .global_nav_dd,
#index #str_header .global_nav_dd,
#design #str_header .global_nav_dd,
#sitemap #str_header .global_nav_dd{
background-size:10px 200px;
background:url(/img/dropdown_bg.png) repeat-x #1d8fd5;
width:950px !important;
height:200px;
border-left:1px solid #13509e;
padding:0 !important;
}

#str_header ul#global_nav5 .global_nav_dd {/*add*/
width:770px !important;
}

#str_header #btnInternet .global_nav_dd,
#str_header #btnContents .global_nav_dd{
width:650px !important;
margin-left:-375px !important;
}
#str_header #btnSmartphone .global_nav_dd {
width:650px !important;
margin-left:-275px !important;
}
#str_header #btnSupport .global_nav_dd {
width:650px !important;
margin-left:-175px !important;
}
#str_header ul#global_nav5 #btnInternet .global_nav_dd,
#str_header ul#global_nav5 #btnContents .global_nav_dd{/*add*/
width:650px !important;
margin-left:-375px !important;
}
#str_header ul#global_nav5 #btnSmartphone .global_nav_dd {
width:650px !important;
margin-left:-275px !important;
}
#str_header ul#global_nav5 #btnTelephone .global_nav_dd {
width:765px !important;
margin-left:-385px !important;
}
#str_header ul#global_nav5 #btnSupport .global_nav_dd {
width:650px !important;
margin-left:-275px !important;
}
/*/add*/
#str_header .global_nav_dd a { text-decoration:none; }
#str_header .global_nav_dd a:hover { text-decoration:underline; }

#str_header .global_nav_dd .column1-1 {
width:920px;
height:30px;
padding:16px 15px 0 !important;
}
#str_header ul#global_nav5 .global_nav_dd .column1-1 {/*add*/
width:740px;
}
#str_header #btnInternet .global_nav_dd .column1-1,
#str_header #btnContents .global_nav_dd .column1-1,
#str_header #btnSmartphone .global_nav_dd .column1-1,
#str_header #btnSupport .global_nav_dd .column1-1 {
width:620px !important
}

#str_header .global_nav_dd .column1-2 {
width: 462px !important;
height:142px;
padding:0 0 20px 15px;
}
#str_header #btnInternet .global_nav_dd .column1-2,
#str_header #btnContents .global_nav_dd .column1-2,
#str_header #btnSmartphone .global_nav_dd .column1-2,
#str_header #btnSupport .global_nav_dd .column1-2 {
width:310px !important
}


#str_header .global_nav_dd .column2-2 {
width: 435px !important;
height:142px;
padding:0 15px 20px 0;
}
#str_header #btnInternet .global_nav_dd .column2-2,
#str_header #btnContents .global_nav_dd .column2-2,
#str_header #btnSmartphone .global_nav_dd .column2-2,
#str_header #btnSupport .global_nav_dd .column2-2 {
width:285px !important
}

#str_header .global_nav_dd .column1-3{
width: 295px !important;
height:142px;
padding:0 0 20px 15px;
}
#str_header .global_nav_dd .column2-3{
width: 295px !important;
height:142px;
padding:0 0 20px;
}
#str_header .global_nav_dd .column3-3 {
width: 300px !important;
height:142px;
padding:0 15px 20px 0;
}
/*add*/
#str_header ul#global_nav5 .global_nav_dd .column1-3{
width: 235px !important;
}
#str_header ul#global_nav5 .global_nav_dd .column2-3{
width: 250px !important;
}
#str_header ul#global_nav5 .global_nav_dd .column3-3 {
width: 250px !important;
}
/*/add*/
#str_header ul#global_nav5 .global_nav_dd .column1-2,
#str_header ul#global_nav5 .global_nav_dd .column1-3,
#str_header ul#global_nav5 .global_nav_dd .column2-3 { background: url(/img/dropdown_line.gif) no-repeat right top; background-size:2px 140px;}
#str_header ul#global_nav5 .global_nav_dd .global_nav_col_item1_body,#str_header .column1-1 h3 { float:left !important; padding-left:15px; width:83%;}
#str_header .global_nav_dd .global_nav_col_item1 { padding:0 0 0 30px; }
#str_header .global_nav_dd .global_nav_col_item1{/*add*/
padding:0 0 0 5px;
}

body#sitemap #str_footer h2.footer_nav_head1{
	margin:5px 0 0!important;}

body#sitemap #str_footer h2.footer_nav_head1 a{
	background:none!important;
	padding:0!important;
	margin:0!important;}

#str_footer h2.footer_nav_head1{
	background:none!important;
	color:#000000!important;
	border-bottom:0!important;}
	
#str_footer .footer_nav_item_list1 li{
	list-style:none!important;
}

#str_footer #footer_info_nav li{
	list-style:none!important;
}
#str_footer #footer_info_nav li a{
	text-decoration:none!important;
}

#str_footer #footer_info_nav li a:hover{
	text-decoration: underline!important;
}

#str_footer .footer_nav_icon li{
	list-style:none!important;
}






/*修正*/
#footer {

	clear: both;

	width: auto;

	/*_width: 554px;*/

	margin: 0;

	padding: 0;

	background-color: #FFFFFF;

}